你好,欢迎来到摇亿课堂!     
注册用户 [请登录]      新用户 [免费注册]     
网站首页 电子教程 视频教程 在线题库 毕业设计 疑难解答 IT技术文章
疑难问题分类
前端界面
HTML   CSS   Bootstrap  
前端JS
JavaScript   jQuery   Vue.js   React.JS   AngularJS  
后端开发
ASP   PHP   JSP   NET   Python  
数据库
SQL   MySQL  
移动开发
WEBAPP   微信小程序  
其他技术
其他计算机技术  
 文章详情:基于微信小程序餐饮外卖点餐订餐系统 微信小程序线上订餐系统 毕业设计(9)录入收货地址

【套餐】基于微信小程序外卖点餐订餐系统 毕业设计

源代码下载地址:https://ke.qq.com/course/package/28654?tuin=2b10d56

有需要的请添加QQ 45157718(微信同号) 咨询


image.pngimage.png


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(微信同号) 咨询


上一篇: 基于微信小程序餐饮外卖点餐订餐系统 微信小程序线上订餐系统 毕业设计(8)收货地址列表 下一篇: N多毕业设计题目(WEB应用的设计)


第一步:学习免费电子文档;   第二步:在线测试考试;   第三步:选择收费视频学习;   第四步:学习技术文章和疑难解答.
友情链接: 微信小程序中文网  |   毕业设计网  |   网页网站毕业设计网
浙ICP备18013434号-3 Copyright ©2020 小白教程网 www.2d5.net (QQ交流群:147415688). Technical support/技术支持:杭州摇亿网络科技