【套餐】基于微信小程序外卖点餐订餐系统 毕业设计 源代码下载地址:https://ke.qq.com/course/package/28654?tuin=2b10d56 有需要的请添加QQ 45157718(微信同号) 咨询
wxml代码
<form bindsubmit='baocun'>
<view class='dizhi'>
<view class='dizhi-shouhuo'>
<view class='dizhi-shouhuo-ren0'>收货人</view>
<view class='dizhi-shouhuo-ren1'>
<input type='text' maxlength='10' placeholder='请输入姓名' name="xingming" />
</view>
</view>
<view class='dizhi-shouhuo'>
<view class='dizhi-shouhuo-ren0'>联系电话</view>
<view class='dizhi-shouhuo-ren1'>
<input type='text' maxlength='10' placeholder='请输入手机号码' name="shouji" />
</view>
</view>
<view class='dizhi-shouhuo'>
<view class='dizhi-shouhuo-ren0'>所在区域</view>
<view class='dizhi-shouhuo-ren1'>
<picker mode="region" value='{{quyu}}' bindchange='p1' name="diqu">
{{quyu[0]}} {{quyu[1]}} {{quyu[2]}}
</picker>
</view>
</view>
<view class='dizhi-xiangxi'>
<textarea maxlength='100' placeholder='请输入详细地址' style='height:50px;' name="xiangxi" ></textarea>
</view>
<view class='dizhi-moren'>
设为默认地址
<switch type='switch' checked='{{false}}' name="moren"></switch>
</view>
<view class='dizhi-baocun'>
<button type='primary' form-type='submit' style='width:90%;'>保存地址</button>
</view>
</view>
</form>
wxss代码
.dizhi{
padding: 5px;
}
.dizhi-shouhuo{
display: flex;
border-bottom: 1px dotted gainsboro;
padding: 5px 0;
}
.dizhi-shouhuo-ren0{
width: 5em;
}
.dizhi-shouhuo-ren1{}
.dizhi-xiangxi{
padding: 5px 0;
border-bottom: 1px dotted gainsboro;
}
.dizhi-moren{
border-bottom: 1px dotted gainsboro;
padding: 5px 0;
padding-bottom: 15px;
}
.dizhi-moren switch{
float: right;
}
.dizhi-baocun{
padding: 10px;
}
有需要的请添加QQ 45157718(微信同号) 咨询
|