作者 Augly

增加全部选项

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>恋物商城</title>
<tc_include file="Public:common"/>
<tc_include file="Public:common" />
<link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/myshop.css" />
<script src="__TMPL__Public/assets/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
... ... @@ -15,51 +16,54 @@
}
</style>
</head>
<body>
<div class="search_group">
<input type="text" name="keyword" placeholder="请输入商品名称" id="search_ipt" value="" onclick="search_page()" />
<p class="seach_title">搜索</p>
</div>
<div class="container">
<div class="shoplist_select">
<div class="select_quyu" onclick="qy($(this),region)">
<p class="shoplist_select_title">区域</p>
<i class="iconfont icon-fylb_icon_arrow_norm"></i>
</div>
<div class="select_line">
<div class="search_group">
<input type="text" name="keyword" placeholder="请输入商品名称" id="search_ipt" value="" onclick="search_page()" />
<p class="seach_title">搜索</p>
</div>
<div class="container">
<div class="shoplist_select">
<div class="select_quyu" onclick="qy($(this),region)">
<p class="shoplist_select_title">区域</p>
<i class="iconfont icon-fylb_icon_arrow_norm"></i>
</div>
<div class="select_line">
</div>
<div class="select_price" onclick="qy($(this),price)">
<p class="shoplist_select_title">价格</p>
<i class="iconfont icon-fylb_icon_arrow_norm"></i>
</div>
<div class="select_line">
</div>
<div class="select_price" onclick="qy($(this),price)">
<p class="shoplist_select_title">价格</p>
<i class="iconfont icon-fylb_icon_arrow_norm"></i>
</div>
<div class="select_line">
</div>
<div class="select_pai" onclick="qy($(this),brand)">
<p class="shoplist_select_title">品牌</p>
<i class="iconfont icon-fylb_icon_arrow_norm"></i>
</div>
</div>
<div class="select_pai" onclick="qy($(this),brand)">
<p class="shoplist_select_title">品牌</p>
<i class="iconfont icon-fylb_icon_arrow_norm"></i>
</div>
</div>
<div class="list_content">
<volist name="list" id="vo">
<div class="list_view">
<a href="{:U('detail',array('id'=>$vo['id']))}">
<img src="{:sp_get_asset_upload_path($vo['thumb'])}" class="list_logo" />
</a>
<div class="list_res">
<p class="res_title">{$vo.goods_name}</p>
<p class="res_mintitle">{$vo.short_name}</p>
<p class="res_price">¥ {$vo.goods_price} <s>¥ {$vo.price}</s></p>
<div class="list_content">
<volist name="list" id="vo">
<div class="list_view">
<a href="{:U('detail',array('id'=>$vo['id']))}">
<img src="{:sp_get_asset_upload_path($vo['thumb'])}" class="list_logo" />
</a>
<div class="list_res">
<p class="res_title">{$vo.goods_name}</p>
<p class="res_mintitle">{$vo.short_name}</p>
<p class="res_price">¥ {$vo.goods_price}
<s>¥ {$vo.price}</s>
</p>
</div>
</div>
</div>
</volist>
</div>
</volist>
</div>
</body>
<script src="__TMPL__Public/assets/js/weui.js" type="text/javascript" charset="utf-8"></script>
<script src="__TMPL__Public/assets/js/myweui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.onload = function() {
window.onload = function () {
var mySwiper = new Swiper('.swiper-container', {
// 如果需要分页器
... ... @@ -73,26 +77,37 @@
// scrollbar: '.swiper-scrollbar',
})
}
var region=change(`"{$region_mobile}"`);
var price=change(`"{$price_search}"`);
var brand=change(`"{$brandList}"`);
var region = change(`"{$region_mobile}"`);
var price = change(`"{$price_search}"`);
var brand = change(`"{$brandList}"`);
function change(arr) {
qyarr=arr.substring(1,arr.length - 1);
return JSON.parse(qyarr);
qyarr = arr.substring(1, arr.length - 1);
return JSON.parse(qyarr).unshit({
label: '全部',
value: ''
});
}
function qy(that,qarr) {
function qy(that, qarr) {
weui.picker(qarr, {
className: 'custom-classname',
container: 'body',
defaultValue: [3],
onConfirm: function(result) {
onConfirm: function (result) {
that.find(".shoplist_select_title").html(result[0].label)
console.log(result[0].value)
},
id: 'singleLinePicker'
});
}
function search_page() {
location.href = "{$search_page}";
}
</script>
</html>
\ No newline at end of file
... ...