<!-- 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,
})
}
})
|
模板简介：该模板名称为【微信小程序邮寄限制商品分类搜索页设计制作开发教程】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。
.jpg)
.jpg)
