|
@@ -2,13 +2,29 @@
|
|
|
<view :style="{ minHeight: sys.windowHeight + 'px' }"
|
|
|
:class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
|
|
|
<tm-menubars title="消息列表" :shadow="0" :showback="true"></tm-menubars>
|
|
|
- <div class="zhuti">
|
|
|
- <tm-sheet class="kuang" style="padding-bottom: 70px !important;">
|
|
|
+ <div>
|
|
|
+ <tm-sheet class="kuang" style="padding-bottom: 40px !important;">
|
|
|
<view style="width: 94%;margin:0 auto;">
|
|
|
-
|
|
|
+ <tm-input title="收货人" placeholder="请填写收货人姓名"></tm-input>
|
|
|
+ <tm-input title="手机号码" placeholder="填写收件人手机号码"></tm-input>
|
|
|
+ <tm-input title="所在地区" placeholder="省市区县、乡镇等"></tm-input>
|
|
|
+ <tm-input title="详细地址" placeholder="街道、楼牌号等"></tm-input>
|
|
|
</view>
|
|
|
</tm-sheet>
|
|
|
- <tm-button :round="24" class="sao mb-40 mt-40" block>提交</tm-button>
|
|
|
+ <tm-sheet class="kuang" style="padding-bottom: 40px !important;">
|
|
|
+ <view style="width: 94%;margin:0 auto;padding-top:15px;">
|
|
|
+ <view class="fl text-white mt-10" style="width: 15%;">标签</view>
|
|
|
+ <view class="fl" style="width: 80%;">
|
|
|
+ <tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
|
|
|
+ <tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
|
|
|
+ <tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
|
|
|
+ <tm-button class="ml-20" :round="10" theme="gray" size="s">学校</tm-button>
|
|
|
+ <tm-button class="ml-20" :round="10" theme="gray" size="s">+</tm-button>
|
|
|
+ </view>
|
|
|
+ <view style="clear: both;"></view>
|
|
|
+ </view>
|
|
|
+ </tm-sheet>
|
|
|
+ <tm-button :round="24" class="sao mb-40 mt-40" block>保存</tm-button>
|
|
|
</div>
|
|
|
<!-- 弹出层消息 -->
|
|
|
<tm-message ref="toast"></tm-message>
|
|
@@ -32,21 +48,7 @@ export default {
|
|
|
this.sys = uni.getSystemInfoSync();
|
|
|
},
|
|
|
methods: {
|
|
|
- aa(num){
|
|
|
- if(num==1){
|
|
|
- this.checked1=true;
|
|
|
- this.checked2=false;
|
|
|
- this.checked3=false;
|
|
|
- }else if(num==2){
|
|
|
- this.checked1=false;
|
|
|
- this.checked2=true;
|
|
|
- this.checked3=false;
|
|
|
- }else if(num==3){
|
|
|
- this.checked1=false;
|
|
|
- this.checked2=false;
|
|
|
- this.checked3=true;
|
|
|
- }
|
|
|
- },
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
@@ -55,6 +57,8 @@ export default {
|
|
|
/deep/ .tm-menubars .body{
|
|
|
background-color: #1b1b1b !important;
|
|
|
}
|
|
|
- /deep/ .zhuti{padding: 10px 10px;}
|
|
|
- /deep/ .kuang{margin:0 !important;padding: 0px !important;}
|
|
|
+ /deep/ .kuang{margin:0 !important;padding: 0px !important;margin-top:10px !important;}
|
|
|
+ /deep/ .border-grey-darken-4-b-1{border-bottom:solid 1px #303030;}
|
|
|
+ .sao{width: 88%;margin:0 auto;margin-top: 30px;}
|
|
|
+ /deep/ .tm-button-label{color: white;}
|
|
|
</style>
|