【套餐】基于微信小程序外卖点餐订餐系统 毕业设计 源代码下载地址:https://ke.qq.com/course/package/28654?tuin=2b10d56 有需要的请添加QQ 45157718(微信同号) 咨询
wxml代码 <scroll-view class='dizhis' scroll-y style='height:{{winHeight-40}}px'>
<!--view class='dizhi'>
<view class='dizhi-toubu'>
<view class='dizhi-toubu-xm'>黄老师</view>
<view class='dizhi-toubu-dh'>13500000000</view>
</view>
<view class='dizhi-miaoshu'>
浙江省杭州市余杭区东港路118号雷恩国际科创园13楼
</view>
<view class='dizhi-caozuo'>
<view class='dizhi-caozuo-zuo'>
<switch type="checkbox" checked="{{false}}"></switch>
<text class='dizhi-caozuo-moren'>默认地址</text>
</view>
<view class=' dizhi-caozuo-you'>
<text class='dizhi-caozuo-bianji'>编辑</text> -
<text class='dizhi-caozuo-shanchu'>删除</text>
</view>
</view>
</view-->
<block wx:for="{{dizhis}}">
<view class='dizhi'>
<view class='dizhi-toubu'>
<view class='dizhi-toubu-xm'>{{item.xingming}}</view>
<view class='dizhi-toubu-dh'>{{item.shouji}}</view>
</view>
<view class='dizhi-miaoshu'>
{{item.diqu1}}{{item.diqu2}}{{item.diqu3}}{{item.dizhi}}
</view>
<view class='dizhi-caozuo'>
<view class='dizhi-caozuo-zuo'>
<switch type="checkbox" bindchange='setMoren' data-dizhiid='{{item.dizhi_id}}' checked="{{item.yn_moren ==1 ? true : false}}"></switch><!--disabled-->
<text class='dizhi-caozuo-moren'>默认地址</text>
</view>
<view class=' dizhi-caozuo-you'>
<text class='dizhi-caozuo-bianji' bindtap='xiugai' data-dizhiid='{{item.dizhi_id}}'>编辑</text>
-
<text class='dizhi-caozuo-shanchu' bindtap='mydel' data-dizhiid='{{item.dizhi_id}}'> 删除</text>
</view>
</view>
</view>
</block>
</scroll-view>
<view class='tianjia' bindtap='tianjia'>
添加新地址
</view> wxss代码 page{
background-color: #f2f2f2;
}
.dizhis{
}
.dizhi{
display: flex;
flex-direction: column;
padding: 5px; background-color: white;
}
.dizhi-toubu{
display: flex;
border-bottom: 1px dotted gainsboro;
padding: 5px 0;
}
.dizhi-toubu-xm{
flex-grow: 1;
}
.dizhi-toubu-dh{}
.dizhi-miaoshu{
color: gray;
border-bottom: 1px dotted gainsboro;
}
.dizhi-caozuo{
display: flex;
padding: 5px 0;
}
.dizhi-caozuo-zuo{
flex-grow: 1;
}
.dizhi-caozuo-moren{}
.dizhi-caozuo-you{}
.dizhi-caozuo-bianji{}
.dizhi-caozuo-shanchu{}
.tianjia{
background-color: orangered;
color: white;position: absolute;
bottom: 0; width: 100%;
text-align: center;
height: 35px;
line-height: 35px;
}
有需要的请添加QQ 45157718(微信同号) 咨询
|