|
|
|
@ -15,20 +15,20 @@ |
|
|
|
</view> |
|
|
|
<view class="reg-value"> |
|
|
|
<input type="text" v-model="formData.name" placeholder="请填写姓名" |
|
|
|
style="background: #eee;height: 40px;line-height: 40px;padding: 9px 10px;border-radius: 10px;"> |
|
|
|
style="background: #eee;height: 80rpx;line-height: 80rpx;padding: 18rpx 20rpx;border-radius: 20rpx;"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="box1"> |
|
|
|
<view class="reg-name"> |
|
|
|
* 学生证上传 <text style="font-size: 12px;font-weight: 400;color: #777;">身份信息仅用于认证身份，平台会严格保密</text> |
|
|
|
* 学生证上传 <text style="font-size: 28rpx;font-weight: 400;color: #777;">身份信息仅用于认证身份，平台会严格保密</text> |
|
|
|
</view> |
|
|
|
<view class="reg-value"> |
|
|
|
<img @tap="pictureAdd('mentou')" |
|
|
|
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/89d37db7e34c490da24c5dd62183bf2d.png" alt="" |
|
|
|
style="width: 80px;height: 80px;background-size: 100%;margin-right: 10px;" /> |
|
|
|
style="width: 160rpx;height: 160rpx;background-size: 100%;margin-right: 20rpx;" /> |
|
|
|
<img @tap="largeImg" :src="formData.studentCard" alt="" |
|
|
|
style="width: 80px;height: 80px;background-size: 100%;" /> |
|
|
|
style="width: 160rpx;height: 160rpx;background-size: 100%;" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="box1"> |
|
|
|
@ -37,7 +37,7 @@ |
|
|
|
</view> |
|
|
|
<view class="reg-value"> |
|
|
|
<input type="number" v-model="formData.highFloorFee" placeholder="可设置金额" |
|
|
|
style="background: #eee;height: 40px;line-height: 40px;padding: 9px 10px;border-radius: 10px;"> |
|
|
|
style="background: #eee;height: 80rpx;line-height: 80rpx;padding: 18rpx 20rpx;border-radius: 20rpx;"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="box1"> |
|
|
|
@ -71,7 +71,7 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="guize-list"> |
|
|
|
<view class="guize1" v-for="(item, index) in waimaRuleList" :key="index" style="flex-direction: column; padding-bottom: 10px; border-bottom: 1px solid #ddd;"> |
|
|
|
<view class="guize1" v-for="(item, index) in waimaRuleList" :key="index" style="flex-direction: column; padding-bottom: 20rpx; border-bottom: 1px solid #ddd;"> |
|
|
|
<view style="display: flex; width: 100%;"> |
|
|
|
<view class="guize1-qusong"> |
|
|
|
<view class="qusong1"> |
|
|
|
@ -91,12 +91,12 @@ |
|
|
|
</view> |
|
|
|
<view class="qusong3" style="display:flex; align-items:center;"> |
|
|
|
<input type="digit" v-model="item.orderBkge" placeholder="填写配送费" style="flex:1;"> |
|
|
|
<uni-icons type="closeempty" size="20" @click="removeRule('waima', index)" color="#ff0000" style="margin-left:5px;"></uni-icons> |
|
|
|
<uni-icons type="closeempty" size="20" @click="removeRule('waima', index)" color="#ff0000" style="margin-left:10rpx;"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="display: flex; width: 100%; margin-top: 10px; align-items: center;"> |
|
|
|
<text style="margin: 0 10px 0 5px; color: #777; font-size: 13px; font-weight: bold;">备注：</text> |
|
|
|
<input type="text" v-model="item.remark" placeholder="填写备注，如：限时/大件加钱" style="flex:1; background: #fff; border-radius: 5px; padding: 0 10px; height: 30px; line-height: 30px;"> |
|
|
|
<input type="text" v-model="item.remark" placeholder="填写备注，如：限时/大件加钱" style="flex:1; background: #fff; border-radius: 10rpx; padding: 0 20rpx; height: 60rpx; line-height: 60rpx;"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -112,7 +112,7 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="guize-list"> |
|
|
|
<view class="guize1" v-for="(item, index) in paotuiRuleList" :key="index" style="flex-direction: column; padding-bottom: 10px; border-bottom: 1px solid #ddd;"> |
|
|
|
<view class="guize1" v-for="(item, index) in paotuiRuleList" :key="index" style="flex-direction: column; padding-bottom: 20rpx; border-bottom: 1px solid #ddd;"> |
|
|
|
<view style="display: flex; width: 100%;"> |
|
|
|
<view class="guize1-qusong"> |
|
|
|
<view class="qusong1"> |
|
|
|
@ -132,12 +132,12 @@ |
|
|
|
</view> |
|
|
|
<view class="qusong3" style="display:flex; align-items:center;"> |
|
|
|
<input type="digit" v-model="item.orderBkge" placeholder="填写配送费" style="flex:1;"> |
|
|
|
<uni-icons type="closeempty" size="20" @click="removeRule('paotui', index)" color="#ff0000" style="margin-left:5px;"></uni-icons> |
|
|
|
<uni-icons type="closeempty" size="20" @click="removeRule('paotui', index)" color="#ff0000" style="margin-left:10rpx;"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="display: flex; width: 100%; margin-top: 10px; align-items: center;"> |
|
|
|
<text style="margin: 0 10px 0 5px; color: #777; font-size: 13px; font-weight: bold;">备注：</text> |
|
|
|
<input type="text" v-model="item.remark" placeholder="填写备注，如：限时/大件加钱" style="flex:1; background: #fff; border-radius: 5px; padding: 0 10px; height: 30px; line-height: 30px;"> |
|
|
|
<view style="display: flex; width: 100%; margin-top: 20rpx; align-items: center;"> |
|
|
|
<text style="margin: 0 20rpx 0 10rpx; color: #777; font-size: 26rpx; font-weight: bold;">备注：</text> |
|
|
|
<input type="text" v-model="item.remark" placeholder="填写备注，如：限时/大件加钱" style="flex:1; background: #fff; border-radius: 10rpx; padding: 0 20rpx; height: 60rpx; line-height: 60rpx;"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -146,10 +146,10 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<view |
|
|
|
style="width: 120px;height: 140px;background: rgba(166, 255, 234, 1);margin: 10px auto;border-radius: 20px;text-align: center;"> |
|
|
|
style="width: 240rpx;height: 280rpx;background: rgba(166, 255, 234, 1);margin: 20rpx auto;border-radius: 40rpx;text-align: center;"> |
|
|
|
<img show-menu-by-longpress src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d23a9043a8c24731831ec4db909fe3b4.jpg" alt="" |
|
|
|
style="width: 90px;height: 90px;margin-top: 10px;" /> |
|
|
|
<view style="height: 25px;line-height: 25px;font-weight: 700;">关注公众号</view> |
|
|
|
style="width: 180rpx;height: 180rpx;margin-top: 20rpx;" /> |
|
|
|
<view style="height: 50rpx;line-height: 50rpx;font-weight: 700;">关注公众号</view> |
|
|
|
</view> |
|
|
|
<view class="btn" @click="submit"> |
|
|
|
提交注册 |
|
|
|
@ -164,34 +164,34 @@ |
|
|
|
<!-- 规则选择弹出层 --> |
|
|
|
<uni-popup ref="guizePopup" background-color="#fff"> |
|
|
|
<view class="guize-popup-content"> |
|
|
|
<view style="margin-top: 10px;"> |
|
|
|
<view style="margin-top: 20rpx;"> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/f06433fa1bd34b31948eaefe5338c357.png" |
|
|
|
alt="" style="width: 102px;height: 25px;" /> |
|
|
|
alt="" style="width: 204rpx;height: 50rpx;" /> |
|
|
|
</view> |
|
|
|
<view style="margin-top: 10px;height: auto;overflow:hidden;min-height: 45px;"> |
|
|
|
<view style="margin-top: 20rpx;height: auto;overflow:hidden;min-height: 90rpx;"> |
|
|
|
<view class="box-check-btn" @tap="qucanOrsongcan('qucan',index)" v-for="(item,index) in qucan" :key="index" |
|
|
|
style="float: left;padding: 0 10px;width: auto;margin-bottom:10px;" |
|
|
|
style="float: left;padding: 0 20rpx;width: auto;margin-bottom:20rpx;" |
|
|
|
:style="{background:item.checked?'rgba(180, 255, 238, 0.27)':'#eee',border:item.checked?'1px solid rgba(180, 255, 238, 1)':'1px solid #777'}"> |
|
|
|
{{item.title}} |
|
|
|
</view> |
|
|
|
<view v-if="qucan.length==0" style="color:#999;font-size:12px;margin:10px 0;">暂无可选取货区域</view> |
|
|
|
<view v-if="qucan.length==0" style="color:#999;font-size:24rpx;margin:20rpx 0;">暂无可选取货区域</view> |
|
|
|
</view> |
|
|
|
<view style="margin-top: 65px;"> |
|
|
|
<view style="margin-top: 130rpx;"> |
|
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/32fd9d723fbf4d778f2631277d316940.png" |
|
|
|
alt="" style="width: 102px;height: 25px;" /> |
|
|
|
alt="" style="width: 204rpx;height: 50rpx;" /> |
|
|
|
</view> |
|
|
|
<view style="margin-top: 10px;height: auto;overflow:hidden;min-height: 45px;"> |
|
|
|
<view style="margin-top: 20rpx;height: auto;overflow:hidden;min-height: 90rpx;"> |
|
|
|
<view class="box-check-btn" @tap="qucanOrsongcan('songcan',index)" v-for="(item,index) in songcan" :key="index" |
|
|
|
style="float: left;padding: 0 10px;width: auto;margin-bottom:10px;" |
|
|
|
style="float: left;padding: 0 20rpx;width: auto;margin-bottom:20rpx;" |
|
|
|
:style="{background:item.checked?'rgba(180, 255, 238, 0.27)':'#eee',border:item.checked?'1px solid rgba(180, 255, 238, 1)':'1px solid #777'}"> |
|
|
|
{{item.title}} |
|
|
|
</view> |
|
|
|
<view v-if="songcan.length==0" style="color:#999;font-size:12px;margin:10px 0;">暂无可送货区域</view> |
|
|
|
<view v-if="songcan.length==0" style="color:#999;font-size:24rpx;margin:20rpx 0;">暂无可送货区域</view> |
|
|
|
</view> |
|
|
|
<view class="guize-btn" @tap="closeGuize"> |
|
|
|
确定 |
|
|
|
</view> |
|
|
|
<view style="position: absolute;bottom: -50px;left: 50%;transform:translateX(-50%);" @tap.stop="$refs.guizePopup.close()"> |
|
|
|
<view style="position: absolute;bottom: -100rpx;left: 50%;transform:translateX(-50%);" @tap.stop="$refs.guizePopup.close()"> |
|
|
|
<uni-icons type="close" size="40" color="#fff"></uni-icons> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -503,7 +503,7 @@ |
|
|
|
.title { |
|
|
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/461dd2d5ba1f462ca05da7e2379d1d90.png') no-repeat; |
|
|
|
width: 100%; |
|
|
|
height: 320px; |
|
|
|
height: 640rpx; |
|
|
|
background-size: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
@ -522,23 +522,23 @@ |
|
|
|
|
|
|
|
.content { |
|
|
|
position: absolute; |
|
|
|
top: 225px; |
|
|
|
top: 450rpx; |
|
|
|
width: 100%; |
|
|
|
border-radius: 20px; |
|
|
|
border-radius: 40rpx; |
|
|
|
background: #fff; |
|
|
|
padding: 8px 10px; |
|
|
|
padding: 16rpx 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.reg-name { |
|
|
|
font-size: 16px; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 700; |
|
|
|
height: 35px; |
|
|
|
line-height: 35px; |
|
|
|
margin-top: 10px; |
|
|
|
height: 70rpx; |
|
|
|
line-height: 70rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.reg-value { |
|
|
|
margin-top: 5px; |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.img-popup-content { |
|
|
|
@ -547,30 +547,30 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.box-check-btn { |
|
|
|
width: 80px; |
|
|
|
height: 35px; |
|
|
|
width: 160rpx; |
|
|
|
height: 70rpx; |
|
|
|
background: rgba(180, 255, 238, 0.27); |
|
|
|
text-align: center; |
|
|
|
line-height: 35px; |
|
|
|
border-radius: 35px; |
|
|
|
line-height: 70rpx; |
|
|
|
border-radius: 70rpx; |
|
|
|
font-weight: 700; |
|
|
|
border: 1px solid rgba(180, 255, 238, 1); |
|
|
|
margin-right: 10px; |
|
|
|
margin-right: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.value1 { |
|
|
|
background: #eee; |
|
|
|
border-radius: 10px; |
|
|
|
padding: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
border-radius: 20rpx; |
|
|
|
padding: 20rpx; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.value-title { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
height: 35px; |
|
|
|
line-height: 35px; |
|
|
|
font-size: 15px; |
|
|
|
height: 70rpx; |
|
|
|
line-height: 70rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
|
|
|
|
} |
|
|
|
@ -590,82 +590,82 @@ |
|
|
|
.guize1-qusong { |
|
|
|
display: flex; |
|
|
|
flex: 1; |
|
|
|
padding-top: 10px; |
|
|
|
padding-top: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.guize1 { |
|
|
|
display: flex; |
|
|
|
margin-top: 10px; |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.qusong1 { |
|
|
|
width: 20px; |
|
|
|
height: 20px; |
|
|
|
width: 40rpx; |
|
|
|
height: 40rpx; |
|
|
|
background: rgba(0, 35, 28, 1); |
|
|
|
color: #fff; |
|
|
|
border-radius: 20px; |
|
|
|
border-radius: 40rpx; |
|
|
|
text-align: center; |
|
|
|
line-height: 20px; |
|
|
|
font-size: 10px; |
|
|
|
line-height: 40rpx; |
|
|
|
font-size: 20rpx; |
|
|
|
z-index: 80; |
|
|
|
} |
|
|
|
|
|
|
|
.qusong2 { |
|
|
|
height: 20px; |
|
|
|
font-size: 12px; |
|
|
|
line-height: 19px; |
|
|
|
height: 40rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
line-height: 38rpx; |
|
|
|
text-align: center; |
|
|
|
background: rgba(166, 255, 234, 0.5); |
|
|
|
padding: 0 10px; |
|
|
|
margin-left: -5px; |
|
|
|
padding: 0 20rpx; |
|
|
|
margin-left: -10rpx; |
|
|
|
font-weight: 700; |
|
|
|
border-top-right-radius: 20px; |
|
|
|
border-bottom-right-radius: 20px; |
|
|
|
border-top-right-radius: 40rpx; |
|
|
|
border-bottom-right-radius: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.qusong3 { |
|
|
|
width: 95px; |
|
|
|
height: 35px; |
|
|
|
width: 190rpx; |
|
|
|
height: 70rpx; |
|
|
|
background: #fff; |
|
|
|
border-radius: 5px; |
|
|
|
padding: 5px 10px; |
|
|
|
border-radius: 10rpx; |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
width: 95%; |
|
|
|
height: 50px; |
|
|
|
font-size: 16px; |
|
|
|
height: 100rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 700; |
|
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
|
border-radius: 50px; |
|
|
|
line-height: 50px; |
|
|
|
border-radius: 100rpx; |
|
|
|
line-height: 100rpx; |
|
|
|
text-align: center; |
|
|
|
margin: 20px auto; |
|
|
|
margin: 40rpx auto; |
|
|
|
} |
|
|
|
|
|
|
|
.guize-popup-content { |
|
|
|
height: auto; |
|
|
|
background: #fff; |
|
|
|
padding: 20px; |
|
|
|
border-radius: 20px; |
|
|
|
padding: 40rpx; |
|
|
|
border-radius: 40rpx; |
|
|
|
width: 90%; |
|
|
|
margin: 0 auto; |
|
|
|
max-height: 430px; |
|
|
|
max-height: 860rpx; |
|
|
|
overflow: scroll; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.guize-btn{ |
|
|
|
background: #00231c; |
|
|
|
border-radius: 50px; |
|
|
|
height: 50px; |
|
|
|
border-radius: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
width: 100%; |
|
|
|
margin: 60px auto 0; |
|
|
|
margin: 120rpx auto 0; |
|
|
|
color: #b4ffee; |
|
|
|
clear: both; |
|
|
|
text-align: center; |
|
|
|
line-height: 50px; |
|
|
|
font-size:15px; |
|
|
|
line-height: 100rpx; |
|
|
|
font-size:30rpx; |
|
|
|
font-weight: 700 |
|
|
|
} |
|
|
|
</style> |
