欢迎您的到来!     
注册用户 [请登录]      新用户 [免费注册]     
网站首页 电子教程 视频教程 在线题库 毕业设计作品 疑难解答 毕设文档
分类
毕业设计
毕设相关资料  
移动开发
WEBAPP   微信小程序  
数据库
SQL   MySQL  
后端开发
ASP   PHP   JSP   NET   Python  
前端JS
JavaScript   jQuery   Vue.js   React.JS   AngularJS  
前端界面
HTML   CSS   Bootstrap  
毕业设计
小程序毕设   Java毕设   PHP毕设  
 文章详情:基于微信小程序餐饮外卖点餐订餐系统 微信小程序线上订餐系统 毕业设计(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/技术支持:杭州摇亿网络科技