Skip to content

肖康 / H5_2.0

Go to a project
Commit b86208a0 by 肖康
Options

Merge branch 'master' of http://git.ichunt.net/xiaokang/H5_2.0

parents 7125f333 89ff16b7
Inline Side-by-side
Showing with 371 additions and 2 deletions
assets/css/mine/company.scss 0 → 100644
.page-company {
padding: 104rpx 24rpx 140rpx 24rpx;
.form-box {
padding: 24rpx;
background-color: #ffffff;
.input-box {
margin-bottom: 28rpx;
.tt {
font-size: 24rpx;
color: #484b59;
margin-bottom: 16rpx;
}
.sel {
font-size: 24rpx;
color: #1969f9;
}
.uni-input {
height: 72rpx;
background: #f5f5f7;
border-radius: 10rpx;
text-indent: 24rpx;
font-size: 24rpx;
border: 1px solid transparent;
transition: all 0.4s ease;
&:focus-within {
background-color: #ffffff;
border: 1px solid #1969f9;
}
&::-webkit-input-placeholder {
color: #919399;
}
}
.select-box {
height: 72rpx;
background: #f5f5f7;
border-radius: 10rpx;
.uni-input {
width: 80%;
}
.iconfont {
margin-right: 24rpx;
}
}
.textarea-box {
height: 144rpx;
background: #f5f5f7;
border-radius: 10rpx;
padding: 20rpx 24rpx 0 24rpx;
border: 1px solid transparent;
transition: all 0.4s ease;
textarea {
height: 100%;
font-size: 24rpx;
&::-webkit-input-placeholder {
color: #919399;
}
}
&:focus-within {
background-color: #ffffff;
border: 1px solid #1969f9;
}
}
.mobile {
background: #f5f5f7;
.picker-box {
padding-left: 24rpx;
padding-right: 16rpx;
width: 159rpx;
height: 40rpx;
border-right: 1px solid #c2c4cc;
.uni-inputs {
font-size: 26rpx;
color: #484b59;
}
.iconfont {
font-size: 32rpx;
}
}
.text {
padding-right: 24rpx;
font-size: 26rpx;
color: #1969f9;
white-space: nowrap;
}
.uni-input {
font-size: 26rpx;
text-indent: 23rpx;
}
}
}
}
.btn {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9;
background: #ffffff;
box-shadow: 0px -4rpx 20rpx 0px rgba(198, 199, 204, 0.1);
border-radius: 10rpx 10rpx 0px 0px;
padding: 24rpx;
.btn1 {
width: 100%;
height: 68rpx;
background: #1969f9;
border-radius: 10rpx;
font-size: 28rpx;
color: #ffffff;
}
}
}
.layer-box {
padding: 0 24rpx 30rpx 24rpx;
background: linear-gradient(180deg, #f0f6ff 0%, #ffffff 88rpx);
border-radius: 10rpx 10rpx 0px 0px;
.title {
height: 88rpx;
margin-bottom: 13rpx;
.left {
font-size: 32rpx;
color: #292b33;
font-weight: bold;
}
.right {
.iconfont {
font-size: 40rpx;
color: #c2c4cc;
}
}
}
.search {
height: 72rpx;
background: #f5f5f7;
border-radius: 10rpx;
.input {
text-indent: 26rpx;
font-size: 14px;
}
.icon-search {
font-size: 40rpx;
color: #919399;
margin-right: 24rpx;
}
}
.info {
padding: 16rpx 0 16rpx 24rpx;
.t1 {
font-size: 22rpx;
color: #484b59;
}
.t2 {
font-size: 22rpx;
color: #1969f9;
}
}
.list {
background: #f5f5f7;
padding: 24rpx;
margin-bottom: 24rpx;
.box {
padding-left: 24rpx;
margin-bottom: 16rpx;
height: 72rpx;
background: #ffffff;
border-radius: 10rpx;
.arrow {
width: 32rpx;
height: 32rpx;
background: url('https://img.ichunt.com/images/ichunt/202305/19/53c6f67275c83a0f9ccaa565c018cfcd.png') no-repeat center;
background-size: cover;
}
.tt {
margin-left: 24rpx;
font-size: 24rpx;
color: #484b59;
}
&.curr {
.arrow {
background: url('https://img.ichunt.com/images/ichunt/202305/19/e6d61a2c75f0185a207904679ec70273.png') no-repeat center;
background-size: cover;
}
}
}
}
.save {
height: 68rpx;
background: #1969f9;
border-radius: 10rpx;
font-size: 28rpx;
color: #fff;
}
}
pages.json
......@@ -166,6 +166,12 @@
"style": {
"navigationBarTitleText": "公司信息"
}
},
{
"path": "pages/mine/activity",
"style": {
"navigationBarTitleText": "活动中心"
}
}
,{
"path" : "pages/confirm/confirm",
......
pages/mine/activity.vue 0 → 100644
<template>
<view class="page-activity">活动中心</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
export default {
data() {
return {};
},
onShow() {},
methods: {}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/activity.scss';
</style>
pages/mine/company.vue 0 → 100644
<template>
<view class="page-company">
<navElement title="公司信息"></navElement>
<view class="form-box">
<view class="input-box column">
<text class="tt">公司名称：</text>
<view><input type="text" placeholder="请输入公司名称" class="uni-input" /></view>
</view>
<view class="input-box column">
<text class="tt">公司座机：</text>
<view><input type="text" placeholder="请输入公司座机" class="uni-input" /></view>
</view>
<view class="input-box column">
<text class="tt">移动电话：</text>
<view class="row verCenter mobile">
<view class="picker-box">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter bothSide">
<view class="uni-inputs">{{ array[index] }}</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
</view>
<input type="number" placeholder="请输入电话号码" placeholder-style="color:#919399;" class="uni-input" v-model="formParams.account" />
</view>
</view>
<view class="input-box column">
<text class="tt">公司类型：</text>
<view class="select-box">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter bothSide">
<view class="uni-input row verCenter">{{ array[index] }}</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
</view>
</view>
<view class="input-box column">
<text class="tt">传真号码：</text>
<view><input type="text" placeholder="请输入传真号码" class="uni-input" /></view>
</view>
<view class="input-box column">
<text class="tt">公司地址：</text>
<view class="select-box">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter bothSide">
<view class="uni-input row verCenter">{{ array[index] }}</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
</view>
<view class="textarea-box" style="margin-top: 16rpx;"><textarea placeholder="请输入详情地址"></textarea></view>
</view>
<view class="input-box column">
<view class="row bothSide verCenter">
<text class="tt">主营品牌：</text>
<text class="sel" @click="open()">选择品牌</text>
</view>
<view class="textarea-box" style="margin-top: 16rpx;"><textarea placeholder="请选择品牌"></textarea></view>
</view>
<view class="input-box column">
<text class="tt">公司简介：</text>
<view class="textarea-box" style="margin-top: 16rpx;"><textarea placeholder="请输入公司简介"></textarea></view>
</view>
</view>
<view class="btn"><view class="btn1 row rowCenter verCenter">保存</view></view>
<uni-popup ref="popup" type="bottom">
<view class="layer-box">
<view class="title row verCenter bothSide">
<view class="left">选择品牌</view>
<view class="right row"><text class="iconfont icon-xxx" @click="close()"></text></view>
</view>
<view class="search row bothSide verCenter">
<input type="text" placeholder="请输入品牌" class="input" />
<text class="iconfont icon-search"></text>
</view>
<view class="info">
<text class="t1">当前已选</text>
<text class="t2">2</text>
<text class="t1">个品牌</text>
</view>
<view class="list">
<view class="box row verCenter curr">
<text class="arrow"></text>
<text class="tt">AVAGO TECHNOLOGIES LIMITED</text>
</view>
<view class="box row verCenter">
<text class="arrow"></text>
<text class="tt">AVAGO TECHNOLOGIES LIMITED</text>
</view>
<view class="box row verCenter">
<text class="arrow"></text>
<text class="tt">AVAGO TECHNOLOGIES LIMITED</text>
</view>
<view class="box row verCenter">
<text class="arrow"></text>
<text class="tt">AVAGO TECHNOLOGIES LIMITED</text>
</view>
<view class="box row verCenter">
<text class="arrow"></text>
<text class="tt">AVAGO TECHNOLOGIES LIMITED</text>
</view>
</view>
<view class="save row rowCenter verCenter">保存</view>
</view>
</uni-popup>
</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
import navElement from '@/components/nav.vue';
export default {
components: {
navElement
},
data() {
return {
index: 0,
array: ['0086', '00886', '00853', '00852'],
formParams: {
account: ''
}
};
},
onShow() {},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
},
open() {
this.$refs.popup.open('bottom');
},
close() {
this.$refs.popup.close();
}
}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/company.scss';
</style>
pages/mine/user.vue
......@@ -88,13 +88,13 @@
</view>
</view>
<view class="activity">
<view class="title row bothSide verCenter">
<navigator class="title row bothSide verCenter" url="/user/activity" hover-class="none">
<text class="tt">活动中心</text>
<view class="right-bar row verCenter">
<text class="bar-tt">更多活动</text>
<text class="iconfont icon-jt"></text>
</view>
</view>
</navigator>
<view class="list">
<view class="box"><image src="https://img.ichunt.com/images/cms/202304/21/c2ca82b250ad4159d37f6a38eed88db8.jpg" mode="aspectFill"></image></view>
</view>
......
router/index.js
......@@ -222,6 +222,13 @@ const router = new Router({
meta: {
title: '公司信息'
}
},
{
path: '/pages/mine/activity',
aliasPath: '/user/activity',
meta: {
title: '活动中心'
}
}
]
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment