<!-- waybill.wxml --> <form bindsubmit="formSubmit"> <view class="expense"> <view class="title"> <view class="expense_before"> </view> <text class="word">邮寄限制</text> </view> <view class="wrap"> <!-- <view class="des_all"> <view class="label">商品分类:</view> <view class="region"><picker mode="region" bindchange="bindRegionChange" value="{{region}}"> <text class="left">{{region[0]}}-{{region[1]}}-{{region[2]}}</text> <text class="right">></text> </picker> </view> </view> --> <view class="weight_all"> <view class="label">商品分类:</view> <view class="weight"> <picker bindchange="bindPickerChange" value="{{index}}" name="kind" range="{{array}}"> <view class="picker"> <text style="margin-left:5px;">{{array[index]}}</text><text style="float:right;margin-right:5px;">></text> </view> </picker> </view> <view class="cal_button"> <button style="font-size:14px;bottom:1px;background-color:#0398e7;line-height:2;" type="primary" form-type="submit"> 搜索 </button> </view> </view> </view> <view class="hr"></view> <view class="expense_detail"> <view class="table"> <view class="tr bg-w"> <view class="th">商品分类</view> <view class="th ">可否邮寄</view> <view class="th">寄送方式</view> <view class="th" style="border-right:1rpx solid #c8c8c8;">限重(KG)</view> </view> <view class="tr"> <view class="td">{{kind}}</view> <view class="td colorful">是</view> <view class="td">EUB-F</view> <view class="td" style="border-right:1px solid #c8c8c8; ">此物品属于敏感物品,有明确的限制,只能用特定方式邮寄</view> </view> </view> </view> </view> <view class="questions"> <text class="title">常见问题</text> <!-- <view class="wenda"> <view class="ques"> 问: <text>什么是敏感物品?</text> </view> <view class="reply"> 答: <text class="body">依据各国海关政策差异,部分国家或地区对特殊商品较为敏感,在进入当地海关时被罚没收概率会稍大,包括并不仅限于如下物品:肉类(熟食)、电子类、服饰(仿牌类)、种子、刀具等。</text> </view> </view> <view class="wenda"> <view class="ques"> 问: <text>哪些是绝对不能邮寄的?</text> </view> <view class="reply"> 答: <text class="body">各类武器弹药、仿真武器、烈性毒药、伪造货币、有价证券、珍贵植物种子等。具体请参见法律规定禁止出口物品。</text> </view> </view> <view class="wenda"> <view class="ques"> 问: <text>大件的商品也可以支持寄送吗?</text> </view> <view class="reply"> 答: <text class="body">国际货运是按商品的重量和体积进行计费的,我们暂时不支持该类商品的采购,大件商品包括但不限于以下商品:音响/HIFI、厨房电器(烤箱/净水器/咖啡机等)、其他家电(冰箱/洗衣机/烘干机/空调机/电视机/烤箱等)、健身器材等</text> </view> </view> --> <block wx:for="{{questionReply}}"> <view class="wenda"> <view class="ques"> 问: <text>{{item.question}}</text> </view> <view class="reply"> 答: <text class="body">{{item.reply}}</text> </view> </view> </block> </view> </form> |
/* expense.wxss *//* waybill.wxss */ page{ background: #f5f5f5; font-size: 30rpx; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; } .expense{ margin-top: 10px; /* min-height: 300px; */ padding:30px 20px; background-color: #ffffff; } .expense_before{ display: inline-block; background-color: red; width: 4px; height: 10px; } .hr{ width: 100%; height: 1px; margin:20px 0 12px 0; background-color: #c7c7c7; } .word{ margin-left:10px; } .wrap{ width: 100%; margin:10px 0; } .label{ width: 10%; display: inline; color: rgba(0,0,0,0.7); position:relative; top:5px; } .region{ display:inline-block; width:78%; overflow:hidden; padding:5px; border:1px solid rgba(0,0,0,0.3); position:relative; top:12px; height:26px; line-height:26px; } .weight_all{ margin-top:20px; width: 100%; } .weight{ border:1px solid rgba(0,0,0,0.3); position: relative; top: 5px; left: 5px; display:inline-block; padding:5px; width:50%; } .cal_button{ display:inline-block; width:26%; position:relative; top:5px; left:10px; float:right; } .left{ float: left; margin-left: 10px; color: rgba(0,0,0,0.3); } .right{ float: right; margin-right:10px; color: rgba(0,0,0,0.3); } /*table about */ .table { border: 0px solid darkgray; } .tr { display: flex; width: 100%; justify-content: center; align-items: center; margin: 0 0; } .td { color:#bebeb3; height:39px; padding:5px 5px 5px 5px; width:25%; justify-content:center; text-align:center; border:1rpx solid #c8c8c8; overflow:scroll; font-size:10px; border-right: none; } .bg-w{ background: snow; } .bg-g{ background: #E6F3F9; } .th { padding: 5px; width: 25%; justify-content: center; background: #eeeeee; color: #666666; border: 1px solid #c8c8c8; border-bottom:none; border-right: none; display: flex; align-items: center; font-size: 8px; } .colorful{ color: #0096e6; } .picker{ color: #b8b8b8; } /* 非引入内容 */ .questions{ padding:30px 20px; } .title{ color:#6c6c6c; font-size: 16px; } .wenda{ margin:15px 0; color:#6c6c6c; font-size: 10px; } .reply{ margin: 12px 0 10px 0; line-height: 13px; } |
// maillLimit.js Page({ /** * 页面的初始数据 */ data: { kind:"敏感物品", questionReply:[ { "question": "什么是敏感物品?", "reply":"依据各国海关政策差异,部分国家或地区对特殊商品较为敏感,在进入当地海关时被罚没收概率会稍大,包括并不仅限于如下物品:肉类(熟食)、电子类、服饰(仿牌类)、种子、刀具等。"}, { "question": "哪些是绝对不能邮寄的?", "reply": "各类武器弹药、仿真武器、烈性毒药、伪造货币、有价证券、珍贵植物种子等。具体请参见法律规定禁止出口物品。" }, { "question": "大件的商品也可以支持寄送吗?", "reply": "国际货运是按商品的重量和体积进行计费的,我们暂时不支持该类商品的采购,大件商品包括但不限于以下商品:音响/HIFI、厨房电器(烤箱/净水器/咖啡机等)、其他家电(冰箱/洗衣机/烘干机/空调机/电视机/烤箱等)、健身器材等" }, ], array: ['--请选择--','电子产品', '生活居家', '化妆品'], index:0, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var kind=options.kind; this.setData({ kind:kind }) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { }, bindPickerChange: function (e) { this.setData({ index: e.detail.value }) }, formSubmit:function(e){ var kind=e.detail.value.kind; wx.redirectTo({ url: '../../pages/mailLimit/mailLimit?kind='+kind, }) } }) |
模板简介:该模板名称为【微信小程序邮寄限制商品分类搜索页设计制作开发教程】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。