panxiaohe
/
ceres-uniapp-v2.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

分销员招募令界面布局调整修改

master
dy-hu 10 months ago
parent
c1396df4e0
commit
92f774cac7
2 changed files with 39 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      pages.json
  2. 63
      pages_category_page1/distributionModule/recruit.vue

6
pages.json
View File

@ -277,9 +277,9 @@
"path": "distributionModule/recruit",
"style": {
"navigationBarTitleText": "%page.distributionclerkrecruitmentorder%",
"navigationBarBackgroundColor": "#333333",
"backgroundColor": "#333333",
"navigationBarTextStyle": "white"
"navigationBarBackgroundColor": "#E5E6F6",
"backgroundColor": "#E5E6F6",
"navigationBarTextStyle": "black"
}
}, {
"path": "distributionModule/salesIndex",

63
pages_category_page1/distributionModule/recruit.vue
View File

@ -5,12 +5,12 @@
<view class="content mar-top-36">
<view class="topColor"></view>
<view class="text-box mar-left-30">
<label class="fs-bold">分销员是什么？</label>
<view class="fs24 font-color-656 mar-top-20">分销员是我们为拥有推广能力的用户推出的运营计划。你只需将高品质商品分享推荐给他人，收获他人的感谢的同时，挣得属于自己的利润。</view>
<label class="fs-bold fs28 font-color-252744">分销员是什么？</label>
<view class="fs24 font-color-252744 mar-top-20">分销员是我们为拥有推广能力的用户推出的运营计划。你只需将高品质商品分享推荐给他人，收获他人的感谢的同时，挣得属于自己的利润。</view>
</view>
<view class="text-box mar-top-20 mar-left-30">
<label class="fs-bold">我该怎么成为分销员？</label>
<view class="fs24 font-color-656 mar-top-20">
<view class="text-box mar-top-40 mar-left-30">
<label class="fs-bold fs28 font-color-252744">我该怎么成为分销员？</label>
<view class="fs24 font-color-252744 mar-top-20">
<view>
<label class="fs-bold"> · </label>
<label class="mar-left-20">点击本页面的【我要成为分销员】，即可完成申请。</label>
@ -33,9 +33,9 @@
</view>
</view>
</view>
<view class="text-box mar-top-20 mar-left-30">
<label class="fs-bold">其他说明</label>
<view class="fs24 font-color-656 mar-top-20">
<view class="text-box mar-top-40 mar-left-30">
<label class="fs-bold fs28 font-color-252744">其他说明</label>
<view class="fs24 font-color-252744 mar-top-20">
<view>
<label class="fs-bold"> · </label>
<label class="mar-left-20">客户只有通过您的链接成交，才能返佣给您。</label>
@ -69,23 +69,23 @@
<view class="informationShow-box">
<view class="flex-items flex-column informationShow-centent">
<view class="mar-top-60">
<label class="fs-bold fs36">请填写相关信息</label>
<label class="fs-bold fs32 font-color-252744">请填写相关信息</label>
</view>
<view class="flex-items flex-row mar-top-60">
<view class="fs26 font-color-656">真实姓名<label class="font-color-red">*</label></view>
<view class="fs28 font-color-252744">{{$t('common.realname')}}<label class="font-color-red">*</label></view>
<input class="recruitName mar-left-20 fs26" maxlength="20" v-model="userName"/>
</view>
<view class="flex-items flex-row mar-top-30 phoneStyle">
<label class="fs26 font-color-656">联系电话<label class="font-color-red">*</label></label>
<label class="fs28 font-color-252744">{{$t('common.contactPhone')}}<label class="font-color-red">*</label></label>
<input class="recruitIphone mar-left-20 fs26" disabled="disabled" type="number" v-model="mobile" maxlength="11"/>
</view>
<view class="flex-items flex-row mar-top-30 mar-left-40">
<label class="fs26 font-color-656">邀请码</label>
<label class="fs28 font-color-2527446">邀请码</label>
<input class="recruitIphone mar-left-20 fs26" v-model="inviteId" maxlength="6"/>
</view>
<view class="flex-row-plus massageDes-but fs28">
<view class="exitBut" @click="exitButClick">取消</view>
<view class="submitbut" @click="submitbut">提交</view>
<view class="exitBut" @click="exitButClick">{{$t('common.cancel')}}</view>
<view class="submitbut" @click="submitbut">{{$t('common.submit')}}</view>
</view>
</view>
</view>
@ -99,7 +99,7 @@
export default {
data() {
return {
informationShowFalg: false,
informationShowFalg: true,
item: '',
userName:'',
mobile:'',
@ -191,15 +191,18 @@
.topBackImg {
width: 100%;
height: 260upx;
background: url(https://ceres.zkthink.com/static/images/storeTop_Img.png) no-repeat;
//background: url(https://ceres.zkthink.com/static/images/storeTop_Img.png) no-repeat;
background: linear-gradient(0deg, #FAFAFA, #E5E6F6);
background-size: 100% 260upx;
.content {
width: 690upx;
background-color: #FFFFFF;
padding-bottom: 30rpx;
border-radius: 30rpx;
.topColor {
height: 60upx;
height: 30upx;
}
.text-box {
@ -221,16 +224,17 @@
bottom: 0upx;
left: 0upx;
background-color: #FFFFFF;
box-shadow: 0upx 3upx 12upx #999999;
//box-shadow: 0upx 3upx 12upx #999999;
.submitbut {
height: 80upx;
height: 98upx;
width: 690upx;
background: #333333;
font-size: 28upx;
background: #252744;
font-size: 32rpx;
text-align: center;
line-height: 80upx;
color: #FFEBC4;
line-height: 98upx;
border-radius: 50rpx;
color: #FFFFFF;
}
}
@ -250,13 +254,13 @@
width: 520upx;
height: 550upx;
.recruitName {
border: 2upx solid #DDDDDD;
border: 1rpx solid #D3D4DE;
width: 300upx;
height: 48upx;
}
.recruitIphone {
border: 2upx solid #DDDDDD;
border: 1rpx solid #D3D4DE;
width: 300upx;
height: 48upx;
}
@ -267,7 +271,7 @@
}
.exitBut {
border: 1upx solid #E5E5E5;
border: 1rpx solid #D3D4DE;
width: 260upx;
height: 90upx;
text-align: center;
@ -275,7 +279,7 @@
}
.submitbut {
background-color: #333333;
background-color: #252744;
width: 260upx;
height: 90upx;
text-align: center;
@ -286,3 +290,8 @@
}
}
</style>
<style>
page {
background: #FAFAFA;
}
</style>
Write Preview
Loading…
Cancel
Save