仿互站小程序
This commit is contained in:
Drawfans
63
pages/index/article.js
Normal file
63
pages/index/article.js
Normal file
@@ -0,0 +1,63 @@
|
||||
var t = require("../../common/common.js");
|
||||
|
||||
Page({
|
||||
data: {
|
||||
url: "",
|
||||
popup: []
|
||||
},
|
||||
initialize: function() {
|
||||
var i = this;
|
||||
i.setData({
|
||||
spin: !0,
|
||||
popupSpin: !1,
|
||||
Form: {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {},
|
||||
rate: {}
|
||||
}
|
||||
},
|
||||
popupForm: {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {}
|
||||
}
|
||||
}
|
||||
}), t.Gethtml(i.data.url, function(i) {
|
||||
t.initializeRefresh(i);
|
||||
});
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.initialize();
|
||||
},
|
||||
onLoad: function(i) {
|
||||
i.url ? this.setData({
|
||||
url: t.UrlOptions(i)
|
||||
}) : this.setData({
|
||||
url: "get/article/help"
|
||||
}), t.init(this), this.initialize();
|
||||
},
|
||||
searchSubmit: function(i) {
|
||||
t.Lay({
|
||||
action: "url",
|
||||
info: t.Lay({
|
||||
action: "geturl"
|
||||
}) + "/search/" + i.detail.value
|
||||
});
|
||||
},
|
||||
onShow: function() {
|
||||
t.init(this);
|
||||
},
|
||||
Lay: function(i) {
|
||||
t.Lay(JSON.parse(JSON.stringify(i)));
|
||||
},
|
||||
Commom: function(i) {
|
||||
var a = JSON.parse(JSON.stringify((i.currentTarget, i))), n = i.currentTarget ? a.currentTarget.dataset.action : a.action;
|
||||
t[n](a);
|
||||
},
|
||||
Popup: function(i) {
|
||||
t.Popup(i.currentTarget.dataset);
|
||||
}
|
||||
});
|
||||
18
pages/index/article.json
Normal file
18
pages/index/article.json
Normal file
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"down": "/utils/count-down/index",
|
||||
"van-field": "/vant/field/index",
|
||||
"van-cell": "/vant/cell/index",
|
||||
"van-cell-group": "/vant/cell-group/index",
|
||||
"van-notice-bar": "/vant/notice-bar/index",
|
||||
"van-search": "/vant/search/index",
|
||||
"forview": "/utils/forview/index",
|
||||
"van-loading": "/vant/loading/index",
|
||||
"van-dialog": "/vant/dialog/index",
|
||||
"van-button": "/vant/button/index",
|
||||
"van-icon": "/vant/icon/index",
|
||||
"van-popup": "/vant/popup/index",
|
||||
"van-tab": "/vant/tab/index",
|
||||
"van-tabs": "/vant/tabs/index"
|
||||
}
|
||||
}
|
||||
4
pages/index/article.wxml
Normal file
4
pages/index/article.wxml
Normal file
@@ -0,0 +1,4 @@
|
||||
<import src="/template/template.wxml"></import>
|
||||
<template is="ly" data="{{spin:spin}}"></template>
|
||||
<template is="form" data="{{Form:Form}}" wx:if="{{!spin}}"></template>
|
||||
<template is="popupform" data="{{Form:popupForm}}"></template>
|
||||
260
pages/index/article.wxss
Normal file
260
pages/index/article.wxss
Normal file
@@ -0,0 +1,260 @@
|
||||
@import "../../__wuBaseWxss__/0.wxss";
|
||||
|
||||
.help-top {
|
||||
height: 135px;
|
||||
background: linear-gradient(to right,#5a8ef3,#6760fb);
|
||||
background-color: #5a8ef3;
|
||||
position: relative;
|
||||
background-image: url(https://statics.huzhan.com/app/images/help-top-bg.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.help-top .search-box {
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
left: 1rem;
|
||||
bottom: .3rem;
|
||||
}
|
||||
|
||||
.help-top .search-box .van-icon {
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 8px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.help-top .search {
|
||||
background: #fefefe;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.help-top .search input {
|
||||
border: none;
|
||||
font-size: .8rem;
|
||||
height: 35px;
|
||||
border-radius: 22px;
|
||||
padding: 0 0 0 30px;
|
||||
}
|
||||
|
||||
.help-top .link {
|
||||
padding: .5rem 0 .5rem 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.help-top .link navigator {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: .3rem;
|
||||
font-size: .82rem;
|
||||
}
|
||||
|
||||
.help-palace {
|
||||
background: #fff;
|
||||
padding: .5rem 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.help-palace .flex-item {
|
||||
position: relative;
|
||||
padding: 1px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.help-palace .icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.help-palace .icon image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.help-palace .text {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: .85rem;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
padding-top: .2rem;
|
||||
}
|
||||
|
||||
.help-palace .text {
|
||||
font-size: .8rem;
|
||||
font-weight: 400;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.help-block {
|
||||
background: #fff;
|
||||
padding: 1rem 1rem;
|
||||
overflow: hidden;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.help-block .row-flex {
|
||||
width: 50%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.help-block .row-flex:first-child:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
border-right: 1px solid #d9d9d9;
|
||||
transform: scaleX(.5);
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
|
||||
.help-block .row-flex:last-child .pic {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.help-block .row-flex:last-child .flex-item {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.help-block .pic {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: .2rem;
|
||||
}
|
||||
|
||||
.help-block .pic image {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border: none;
|
||||
display: block;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.help-block .flex-item {
|
||||
text-align: right;
|
||||
margin-right: 1.5rem;
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
color: #3d4457;
|
||||
}
|
||||
|
||||
.help-block .flex-item view {
|
||||
font-weight: 400;
|
||||
font-size: .8rem;
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.help-tabs.van-tabs--card {
|
||||
margin: 0;
|
||||
padding: 10px 0 0 0;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.help-tabs.van-tabs--card .van-tab.van-tab--active {
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.help-tabs.van-tabs--card .van-tab.van-tab--active .van-tab__title {
|
||||
color: #fff;
|
||||
background: #6060fb;
|
||||
}
|
||||
|
||||
.help-tabs .van-tabs__nav {
|
||||
display: flex;
|
||||
height: auto;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
.help-tabs .van-tabs__wrap {
|
||||
height: auto!important;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.help-tabs .van-tabs__scroll--card {
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
box-shadow: 0 3px 3px #e8e8e8;
|
||||
padding: 0 5px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.help-tabs .van-tabs__nav--card .van-tab {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.help-tabs .van-tab {
|
||||
border: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: #585858;
|
||||
font-size: .9rem;
|
||||
flex: 0 0 33.333333%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.help-tabs .van-tab .van-tab__title {
|
||||
background: #f1f4f7;
|
||||
margin: 0 5px;
|
||||
border: 0;
|
||||
color: #777;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.help_table {
|
||||
border-collapse: collapse;
|
||||
border: solid #e0e0e0;
|
||||
border-width: 0 1px 1px 1px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.help_table .a {
|
||||
color: #056dae;
|
||||
}
|
||||
|
||||
.help_table .thead .td {
|
||||
background: #f0f0f0;
|
||||
font-size: 14px;
|
||||
border-width: 1px 0;
|
||||
border-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.help_table .td {
|
||||
padding: 5px 6px;
|
||||
border: #e0e0e0 solid;
|
||||
border-width: 1px 1px 1px 1px;
|
||||
}
|
||||
|
||||
.help_table .tbody .tr {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.help_table .tbody .tr.odd {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.help_body .a {
|
||||
color: #056dae;
|
||||
display: inline-block!important;
|
||||
}
|
||||
|
||||
.help_body image {
|
||||
width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
89
pages/index/index.js
Normal file
89
pages/index/index.js
Normal file
@@ -0,0 +1,89 @@
|
||||
function t(t, i, a) {
|
||||
return i in t ? Object.defineProperty(t, i, {
|
||||
value: a,
|
||||
enumerable: !0,
|
||||
configurable: !0,
|
||||
writable: !0
|
||||
}) : t[i] = a, t;
|
||||
}
|
||||
|
||||
var i, a = require("../../common/common.js");
|
||||
|
||||
Page({
|
||||
data: (i = {
|
||||
spin: !0,
|
||||
popup: [],
|
||||
popupSpin: !1,
|
||||
loading: !1,
|
||||
Form: {},
|
||||
getdata: {},
|
||||
listdata: {}
|
||||
}, t(i, "popup", []), t(i, "ListSh", {}), t(i, "gotop", !1), t(i, "Form", {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {},
|
||||
rate: {}
|
||||
}
|
||||
}), t(i, "popupForm", {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {}
|
||||
}
|
||||
}), i),
|
||||
initialize: function() {
|
||||
var t = this;
|
||||
a.Gethtml("get/index", function(i) {
|
||||
a.initialFun(!1), a.initializeRefresh(i), t.tabsChange();
|
||||
});
|
||||
},
|
||||
tabsChange: function() {
|
||||
var i = this, e = (arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {
|
||||
detail: {
|
||||
index: 0
|
||||
}
|
||||
}).detail.index, n = i.data.Form.tabs.list[e];
|
||||
if (!i.data.getdata[e]) {
|
||||
var r;
|
||||
i.setData((r = {
|
||||
listIndex: e
|
||||
}, t(r, "getdata." + e, n), t(r, "listdata." + e, {
|
||||
list: [],
|
||||
CurPage: 0
|
||||
}), r)), a.GetList();
|
||||
}
|
||||
},
|
||||
ListSh: function(i) {
|
||||
var a = this, e = i.currentTarget.id, n = "ListSh." + e, r = wx.createAnimation({
|
||||
duration: 200,
|
||||
timingFunction: "ease",
|
||||
delay: 0
|
||||
});
|
||||
a.data.ListSh[e] ? (r.translateY("100%").step(), setTimeout(function() {
|
||||
a.setData(t({}, n, !1));
|
||||
}, 201)) : (a.setData(t({}, n, !0)), r.translateY("0").step()), this.setData(t({}, n, r.export()));
|
||||
},
|
||||
onLoad: function() {
|
||||
a.init(this), this.initialize();
|
||||
},
|
||||
onShow: function() {
|
||||
a.init(this);
|
||||
},
|
||||
onShareAppMessage: function() {
|
||||
return a.getShare();
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
a.initialFun(), this.initialize();
|
||||
},
|
||||
Lay: function(t) {
|
||||
a.Lay(JSON.parse(JSON.stringify(t)));
|
||||
},
|
||||
Commom: function(t) {
|
||||
var i = JSON.parse(JSON.stringify((t.currentTarget, t))), e = t.currentTarget ? i.currentTarget.dataset.action : i.action;
|
||||
a[e](i);
|
||||
},
|
||||
Popup: function(t) {
|
||||
a.Popup(t.currentTarget.dataset);
|
||||
}
|
||||
});
|
||||
12
pages/index/index.json
Normal file
12
pages/index/index.json
Normal file
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"forview": "/utils/forview/index",
|
||||
"van-loading": "/vant/loading/index",
|
||||
"van-dialog": "/vant/dialog/index",
|
||||
"van-button": "/vant/button/index",
|
||||
"van-icon": "/vant/icon/index",
|
||||
"van-popup": "/vant/popup/index",
|
||||
"van-tab": "/vant/tab/index",
|
||||
"van-tabs": "/vant/tabs/index"
|
||||
}
|
||||
}
|
||||
13
pages/index/index.wxml
Normal file
13
pages/index/index.wxml
Normal file
@@ -0,0 +1,13 @@
|
||||
<import src="/template/template.wxml"></import>
|
||||
<import src="/pages/index/list.wxml"></import>
|
||||
<template is="ly" data="{{popup:popup,popuphtml:popuphtml,spin:spin||popupSpin||false,gotop:gotop}}"></template>
|
||||
<block wx:if="{{!spin}}">
|
||||
<template is="form" data="{{Form:Form}}"></template>
|
||||
<van-tabs active="{{Form.tabs.active||0}}" animated="{{Form.tabs.animated||false}}" bind:change="{{Form.tabs.bind||'tabsChange'}}" border="{{Form.tabs.border!==false}}" color="{{Form.tabs.color||false}}" customClass="{{Form.tabs.class||''}}" duration="{{Form.tabs.duration||0.3}}" lineWidth="{{Form.tabs.lineWidth||-1}}" sticky="{{Form.tabs.sticky||true}}" swipeThreshold="{{Form.tabs.swipeThreshold||4}}" swipeable="{{Form.tabs.swipeable||false}}" type="{{Form.tabs.styleType||'line'}}" zIndex="{{Form.tabs.zIndex||1}}" wx:if="{{Form.tabs.list}}">
|
||||
<van-tab title="{{item.title}}" wx:for="{{Form.tabs.list}}" wx:key="title">
|
||||
<template is="{{item.temp||item.type}}List" data="{{listdata:listdata[index],ListSh:ListSh}}"></template>
|
||||
<template is="list_bottom" data="{{...listdata[index],loading:loading}}"></template>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</block>
|
||||
<template is="popupform" data="{{Form:popupForm}}"></template>
|
||||
214
pages/index/index.wxss
Normal file
214
pages/index/index.wxss
Normal file
@@ -0,0 +1,214 @@
|
||||
@import "../../__wuBaseWxss__/0.wxss";
|
||||
|
||||
@import "list.wxss";
|
||||
|
||||
.i-swiper {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.i-swiper swiper {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.i-swiper image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.i-swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
|
||||
.i-swiper .wx-swiper-dot {
|
||||
width: 13rpx;
|
||||
display: inline-flex;
|
||||
height: 13rpx;
|
||||
opacity: .8;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.i-swiper .wx-swiper-dot::before {
|
||||
content: '';
|
||||
flex-grow: 1;
|
||||
background: #fff;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.i-swiper .wx-swiper-dot-active {
|
||||
width: 18rpx;
|
||||
}
|
||||
|
||||
.i-swiper .wx-swiper-dot-active::before {
|
||||
background: #f80;
|
||||
}
|
||||
|
||||
.i_notice {
|
||||
margin: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.i_notice .van-icon {
|
||||
font-size: 24px;
|
||||
color: #45a1de;
|
||||
vertical-align: middle;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.i_notice .flex-item {
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.i_notice swiper,.i_notice swiper view {
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.i_notice .more {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.i_icon {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
background: #fff;
|
||||
margin: -10px 0 0 0;
|
||||
text-align: center;
|
||||
padding: 10px 5px 25px 5px;
|
||||
}
|
||||
|
||||
.i_icon .box {
|
||||
margin: 15px 0 5px 0;
|
||||
display: inline-block;
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
border-radius: 100%;
|
||||
background: #ff3030;
|
||||
}
|
||||
|
||||
.i_icon text {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.i_icon .van-icon {
|
||||
font-size: 27px;
|
||||
color: #fff;
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
.i_tab {
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
margin: 0;
|
||||
line-height: 42px;
|
||||
border-bottom: 1px #eee solid;
|
||||
}
|
||||
|
||||
.i_shop {
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
padding: 10px 10px 0 10px;
|
||||
}
|
||||
|
||||
.i_shop .shop {
|
||||
margin: 0 0 20px 0;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.i_shop .avatar {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
margin-left: -35px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.i_shop .avatar image {
|
||||
background: #fff;
|
||||
padding: 3px;
|
||||
box-shadow: 0 -2px 1px 0 rgba(0,0,0,.15);
|
||||
border-radius: 50%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.i_shop .shop .link {
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.i_shop .info {
|
||||
margin-top: 20px;
|
||||
padding: 58px 0 8px 0;
|
||||
text-align: center;
|
||||
background: #fafafa;
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
box-shadow: 0 1px 1px 0 rgba(0,0,0,.08);
|
||||
line-height: 1.5;
|
||||
border: #f5f5f5 1px solid;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: #fff;
|
||||
clear: both;
|
||||
padding: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.footbar {
|
||||
height: 40px;
|
||||
padding: 0 10px;
|
||||
background: #fff;
|
||||
margin-top: 10px;
|
||||
border: solid 1px #eee;
|
||||
border-width: 1px 0 1px 0;
|
||||
}
|
||||
|
||||
.footbar navigator {
|
||||
display: block;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
float: left;
|
||||
margin: 5px 0;
|
||||
padding: 0 12px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.login_btn {
|
||||
background: #eff2f5;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.backtop_btn {
|
||||
background: #eff2f5;
|
||||
float: right!important;
|
||||
}
|
||||
|
||||
.footlink {
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.footlink navigator {
|
||||
margin: 0 20px;
|
||||
color: #45a1de;
|
||||
display: inline-block;
|
||||
}
|
||||
182
pages/index/list.js
Normal file
182
pages/index/list.js
Normal file
@@ -0,0 +1,182 @@
|
||||
function t(t, a, e) {
|
||||
return a in t ? Object.defineProperty(t, a, {
|
||||
value: e,
|
||||
enumerable: !0,
|
||||
configurable: !0,
|
||||
writable: !0
|
||||
}) : t[a] = e, t;
|
||||
}
|
||||
|
||||
var a = require("../../common/common.js");
|
||||
|
||||
Page({
|
||||
data: {
|
||||
loading: !1,
|
||||
Form: {},
|
||||
sortValue: "",
|
||||
search: "",
|
||||
getdata: {},
|
||||
listdata: {},
|
||||
popup: [],
|
||||
ListSh: {},
|
||||
gotop: !1,
|
||||
spin: !0,
|
||||
filter: {
|
||||
icon: !1,
|
||||
show: "",
|
||||
selectName: {},
|
||||
selectValue: {}
|
||||
}
|
||||
},
|
||||
onPageScroll: function(a) {
|
||||
var e = this, i = a.scrollTop, r = e.data.gotop, n = 2 * e.data.SystemInfo.windowHeight;
|
||||
if ((i >= n && !r || i < n && r) && e.setData({
|
||||
gotop: !r
|
||||
}), e.data.Form.lazy && e.data.Form.lazy.add > 0) {
|
||||
var s = e.data.Form.lazy, o = Math.ceil((i + e.data.SystemInfo.windowHeight) / s.height) * e.data.Form.lazy.add;
|
||||
o > s.pos && e.setData(t({}, "Form.lazy.pos", o));
|
||||
}
|
||||
},
|
||||
onLoad: function(t) {
|
||||
a.init(this);
|
||||
var e = this;
|
||||
t.url || (t.url = "get/lists/code"), a.Gethtml(t.url, function(t) {
|
||||
a.initializeRefresh(t);
|
||||
var i = {
|
||||
page: 1,
|
||||
type: t.type
|
||||
};
|
||||
t.par && (i.par = t.par), t.check && (i.check = t.check), t.store && (i.store = t.store.bh),
|
||||
e.setData({
|
||||
getdata: i,
|
||||
listdata: {}
|
||||
}), a.initialFun(!1), a.GetList(function(t) {
|
||||
a.querySelect(".top", function(t) {
|
||||
e.setData({
|
||||
topHeight: t.height,
|
||||
spin: !1
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
},
|
||||
initialize: function() {
|
||||
a.initialFun(), a.GetList(function(t) {
|
||||
wx.stopPullDownRefresh();
|
||||
});
|
||||
},
|
||||
onShow: function() {
|
||||
a.init(this);
|
||||
},
|
||||
tabsChange: function(t) {
|
||||
var e = this, i = t.currentTarget.dataset.field, r = e.data.Form, n = r.tabs, s = r[i], o = r.store && r.store.id ? "/" + r.store.id : "";
|
||||
for (var l in n) if (n[l].index === t.detail && s != l) {
|
||||
a.initialFun(), e.onLoad({
|
||||
url: "type" == i ? "get/lists/" + l + o : "get/lists/demand/" + l
|
||||
});
|
||||
break;
|
||||
}
|
||||
},
|
||||
ListSh: function(a) {
|
||||
var e = this, i = a.currentTarget.id, r = "ListSh." + i, n = wx.createAnimation({
|
||||
duration: 200,
|
||||
timingFunction: "ease",
|
||||
delay: 0
|
||||
});
|
||||
e.data.ListSh[i] ? (n.translateY("100%").step(), setTimeout(function() {
|
||||
e.setData(t({}, r, !1));
|
||||
}, 201)) : (e.setData(t({}, r, !0)), n.translateY("0").step()), this.setData(t({}, r, n.export()));
|
||||
},
|
||||
sortChange: function(t) {
|
||||
var e = t.currentTarget.dataset.value;
|
||||
if (e != this.data.sortValue) {
|
||||
var i = this.data.getdata;
|
||||
i.page = 1, e.length > 0 ? i.order = e : delete i.order, this.setData({
|
||||
getdata: i,
|
||||
listdata: {},
|
||||
sortValue: e
|
||||
}), a.GetList();
|
||||
}
|
||||
},
|
||||
Fselect: function(a) {
|
||||
var e = this, i = "filter.show";
|
||||
if ("value" == a.currentTarget.id) {
|
||||
var r, n = "filter.selectValue." + a.currentTarget.dataset.id, s = "filter.selectName." + a.currentTarget.dataset.id;
|
||||
e.setData((r = {}, t(r, n, a.currentTarget.dataset.value), t(r, s, a.currentTarget.dataset.name),
|
||||
t(r, i, 0), r));
|
||||
} else "back" != a.currentTarget.id ? e.setData(t({}, i, a.currentTarget.id)) : e.setData(t({}, i, 0));
|
||||
},
|
||||
filterSubmit: function(e) {
|
||||
var i = this, r = !1, n = e.detail.value, s = i.data.getdata;
|
||||
for (var o in n) s.hasOwnProperty(o) && n[o].length <= 0 ? delete s[o] : n[o].length > 0 && (s[o] = n[o],
|
||||
r = !0);
|
||||
i.setData(t({
|
||||
getdata: s
|
||||
}, "filter.icon", r)), i.filterHide(!0), a.GetList();
|
||||
},
|
||||
filterReset: function(t) {
|
||||
var a = JSON.parse(JSON.stringify(this.data.initialValue.filter));
|
||||
a.show = 0, this.setData({
|
||||
filter: a
|
||||
});
|
||||
},
|
||||
filterShow: function() {
|
||||
var a = this.data.filter;
|
||||
this.setData(t({
|
||||
filterOld: a
|
||||
}, "filter.show", 0));
|
||||
},
|
||||
filterHide: function(a) {
|
||||
var e = this;
|
||||
!0 === a ? e.setData(t({
|
||||
filterOld: ""
|
||||
}, "filter.show", "")) : e.setData(t({
|
||||
filter: e.data.filterOld
|
||||
}, "filter.show", ""));
|
||||
},
|
||||
inputChange: function(a) {
|
||||
this.setData(t({}, "filter.money." + a.target.id, a.detail.value));
|
||||
},
|
||||
checkboxChange: function(a) {
|
||||
this.setData(t({}, "filter.checkbox." + a.target.id, a.detail.value.length > 0));
|
||||
},
|
||||
searchChange: function(t) {
|
||||
var a = t.detail ? t.detail.replace(/\s+/g, "") : "";
|
||||
this.setData({
|
||||
search: a
|
||||
});
|
||||
},
|
||||
searchSubmit: function(t) {
|
||||
var e = this, i = e.data.getdata;
|
||||
e.data.search !== i.key && (i.page = 1, e.data.search.length > 0 ? i.key = e.data.search : delete i.key,
|
||||
e.setData({
|
||||
getdata: i,
|
||||
listdata: {}
|
||||
}), a.GetList());
|
||||
},
|
||||
loginBackPage: function() {
|
||||
this.onReachBottom(!0);
|
||||
},
|
||||
onReachBottom: function(t) {
|
||||
var e = this.data.listdata;
|
||||
this.data.loading || !(e.CurPage < e.TotalPage) || e.failview && !0 !== t || (this.setData({
|
||||
"getdata.page": 1 * this.data.getdata.page + 1
|
||||
}), a.GetList());
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.initialize();
|
||||
},
|
||||
Lay: function(t) {
|
||||
a.Lay(JSON.parse(JSON.stringify(t)));
|
||||
},
|
||||
Commom: function(t) {
|
||||
var e = JSON.parse(JSON.stringify((t.currentTarget, t))), i = t.currentTarget ? e.currentTarget.dataset.action : e.action;
|
||||
a[i](e);
|
||||
},
|
||||
Popup: function(t) {
|
||||
a.Popup(t.currentTarget.dataset);
|
||||
},
|
||||
onShareAppMessage: function() {
|
||||
return a.getShare();
|
||||
}
|
||||
});
|
||||
22
pages/index/list.json
Normal file
22
pages/index/list.json
Normal file
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"enablePullDownRefresh": true,
|
||||
"backgroundTextStyle": "dark",
|
||||
"navigationBarBackgroundColor": "#fff",
|
||||
"navigationBarTextStyle": "black",
|
||||
"usingComponents": {
|
||||
"van-search": "/vant/search/index",
|
||||
"van-tabbar": "/vant/tabbar/index",
|
||||
"van-tabbar-item": "/vant/tabbar-item/index",
|
||||
"van-field": "/vant/field/index",
|
||||
"van-cell": "/vant/cell/index",
|
||||
"van-cell-group": "/vant/cell-group/index",
|
||||
"forview": "/utils/forview/index",
|
||||
"van-loading": "/vant/loading/index",
|
||||
"van-dialog": "/vant/dialog/index",
|
||||
"van-button": "/vant/button/index",
|
||||
"van-icon": "/vant/icon/index",
|
||||
"van-popup": "/vant/popup/index",
|
||||
"van-tab": "/vant/tab/index",
|
||||
"van-tabs": "/vant/tabs/index"
|
||||
}
|
||||
}
|
||||
256
pages/index/list.wxml
Normal file
256
pages/index/list.wxml
Normal file
@@ -0,0 +1,256 @@
|
||||
<template name="shopList">
|
||||
<view class="shopList">
|
||||
<view class="item" wx:for="{{listdata.list}}" wx:key="index">
|
||||
<view class="row-flex">
|
||||
<navigator class="avatar" hoverClass="hover" url="{{item.url}}">
|
||||
<image src="{{item.avatar}}!t40" webp="{{true}}"></image>
|
||||
</navigator>
|
||||
<view class="flex-item shop">
|
||||
<view class="name">
|
||||
<navigator hoverClass="hover" url="{{item.url}}">{{item.name}}</navigator>
|
||||
</view>
|
||||
<view class="{{item.rev}}"></view>
|
||||
<view class="info">
|
||||
<view class="num">
|
||||
宝贝数：{{item.goods}}
|
||||
</view>
|
||||
<van-icon catchtap="ListSh" id="{{item.bh}}" name="ellipsis"></van-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view animation="{{ListSh[item.bh]}}" class="action {{ListSh[item.bh]?'show':'hide'}}">
|
||||
<view class="row-flex">
|
||||
<view class="flex-item">
|
||||
<view class="icon">
|
||||
<van-icon name="star-o"></van-icon>
|
||||
</view>
|
||||
<view>收藏店铺</view>
|
||||
</view>
|
||||
<view class="flex-item">
|
||||
<navigator hoverClass="hover" url="{{item.url}}">
|
||||
<view class="icon">
|
||||
<van-icon name="shop-o"></van-icon>
|
||||
</view>
|
||||
<view>逛逛店铺</view>
|
||||
</navigator>
|
||||
</view>
|
||||
<view catchtap="ListSh" class="flex-item" id="{{item.bh}}">
|
||||
<view class="icon">
|
||||
<van-icon name="cross"></van-icon>
|
||||
</view>
|
||||
<view>关闭</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template name="jifenList">
|
||||
<view class="jifenList">
|
||||
<view class="item {{index===0&&'lazyView'}}" wx:for="{{listdata.list}}" wx:key="index">
|
||||
<view>
|
||||
<navigator class="pic loadImage {{!Form.lazy||Form.lazy.pos>index?'':'lazyImg'}}" hoverClass="hover" id="{{index}}" url="{{item.alink}}">
|
||||
<image mode="widthFix" src="{{item.pic}}" webp="{{true}}" wx:if="{{!Form.lazy||Form.lazy.pos>index}}"></image>
|
||||
</navigator>
|
||||
<view class="info">
|
||||
<view class="tit">
|
||||
<navigator hoverClass="hover" url="{{item.alink}}">
|
||||
<block wx:if="{{!getdata.key}}">{{item.tit}}</block>
|
||||
<rich-text nodes="{{item.tit}}" wx:else></rich-text>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="money">
|
||||
<text>{{item.jifen}}</text>积分<block wx:if="{{item.money>0}}">
|
||||
<text class="add">+</text>
|
||||
<text>{{item.money}}</text>元</block>
|
||||
<view class="sales" wx:if="{{item.sales>0}}">兑出<text class="num">{{item.sales}}</text>件</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template name="taskList">
|
||||
<view class="ddList">
|
||||
<view class="item" wx:for="{{listdata.list}}" wx:key="index">
|
||||
<view class="top">
|
||||
<navigator hoverClass="hover" url="{{item.alink}}">
|
||||
<view>{{item.typename}}</view>{{item.tit}}</navigator>
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="money">{{item.money}}</view>
|
||||
<view class="index">
|
||||
<view>{{item.view}}</view>关注 | <view class="bid">{{item.bid}}</view>人报价</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<template is="forview" data="{{list:item.action}}"></template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template name="ddList">
|
||||
<view class="ddList">
|
||||
<view class="item" wx:for="{{listdata.list}}" wx:key="index">
|
||||
<view class="top">
|
||||
<navigator hoverClass="hover" url="{{item.alink}}">
|
||||
<view class="{{item.MoneyClass}}">{{item.money}}</view>{{item.tit}}</navigator>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<template is="forview" data="{{list:item.action}}"></template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template name="webList">
|
||||
<view class="webList">
|
||||
<view class="item {{index===0&&'lazyView'}}" wx:for="{{listdata.list}}" wx:key="index">
|
||||
<view class="top">
|
||||
<view class="avatar">
|
||||
<image src="{{item.seller.avatar}}!t40" webp="{{true}}"></image>
|
||||
</view>
|
||||
<view class="info">
|
||||
<navigator hoverClass="hover" url="{{item.alink}}">
|
||||
<block wx:if="{{!getdata.key}}">{{item.tit}}</block>
|
||||
<rich-text nodes="{{item.tit}}" wx:else></rich-text>
|
||||
</navigator>
|
||||
<view class="attr">
|
||||
<template is="forview" data="{{list:item.attr}}"></template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="thumb loadImage">
|
||||
<navigator hoverClass="hover" url="{{item.alink}}">
|
||||
<image mode="widthFix" src="{{item.pic}}" webp="{{true}}" wx:if="{{!Form.lazy||Form.lazy.pos>index}}"></image>
|
||||
</navigator>
|
||||
<view animation="{{ListSh[item.bh]}}" class="lay {{ListSh[item.bh]?'show':'hide'}}">
|
||||
<view></view>
|
||||
<view catchtap="ListSh" class="cdes" id="{{item.bh}}">{{item.txt}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="action">
|
||||
<template is="forview" data="{{list:item.action}}"></template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template name="serveList">
|
||||
<view class="serveList">
|
||||
<view class="item {{index===0&&'lazyView'}}" wx:for="{{listdata.list}}" wx:key="index">
|
||||
<navigator class="pic loadImage {{!Form.lazy||Form.lazy.pos>index?'':'lazyImg'}}" hoverClass="hover" url="{{item.alink}}">
|
||||
<image mode="widthFix" src="{{item.pic}}" webp="{{true}}" wx:if="{{!Form.lazy||Form.lazy.pos>index}}"></image>
|
||||
</navigator>
|
||||
<view class="info">
|
||||
<view class="tit">
|
||||
<navigator hoverClass="hover" url="{{item.alink}}">
|
||||
<block wx:if="{{!getdata.key}}">{{item.tit}}</block>
|
||||
<rich-text nodes="{{item.tit}}" wx:else></rich-text>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="bot">
|
||||
<view class="gicon">
|
||||
<view bindtap="{{is.bind||'Lay'}}" class="{{is.class}}" data-action="{{is.action||''}}" data-data="{{is.data||''}}" data-info="{{is.info||''}}" data-method="{{is.method||''}}" name="{{is.name||''}}" wx:for="{{item.icon}}" wx:for-item="is" wx:key="text">
|
||||
{{is.text}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="text">评分：{{item.score.total>0?item.score.total:'暂无'}}</view>
|
||||
</view>
|
||||
<view class="bot money">
|
||||
<view class="text">￥<view class="num">{{item.money}}</view>
|
||||
</view>
|
||||
<van-icon catchtap="ListSh" customClass="ListSh" id="{{item.bh}}" name="ellipsis"></van-icon>
|
||||
</view>
|
||||
<view animation="{{ListSh[item.bh]}}" class="shop {{ListSh[item.bh]?'show':'hide'}}">
|
||||
<view>
|
||||
<view class="action">
|
||||
<template is="forview" data="{{list:item.action}}"></template>
|
||||
<view catchtap="ListSh" hoverClass="hover" id="{{item.bh}}">关闭</view>
|
||||
</view>
|
||||
<navigator class="seller" hoverClass="hover" url="{{item.seller.shopurl}}">
|
||||
<view class="litem">
|
||||
<image class="avatar" src="{{item.seller.avatar}}!t18" webp="{{true}}"></image>{{item.seller.name}}</view>
|
||||
<view class="litem">
|
||||
<view class="tname">商家信誉</view>
|
||||
<icon class="c-icon c-i-lw4 c-i-s1"></icon>
|
||||
</view>
|
||||
<view class="litem">
|
||||
<view class="tname">服务态度</view>
|
||||
<view class="review">
|
||||
<icon class="star" style="width:{{item.score.efficiency}}%"></icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="litem">
|
||||
<view class="tname">工作效率</view>
|
||||
<view class="review">
|
||||
<icon class="star" style="width:{{item.score.attitude}}%"></icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="litem">
|
||||
<view class="tname">商品质量</view>
|
||||
<view class="review">
|
||||
<icon class="star" style="width:{{item.score.quality}}%"></icon>
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template name="codeList">
|
||||
<view class="codeList">
|
||||
<view class="item {{index===0&&'lazyView'}}" wx:for="{{listdata.list}}" wx:key="bh">
|
||||
<view>
|
||||
<navigator class="pic loadImage {{!Form.lazy||Form.lazy.pos>index?'':'lazyImg'}}" hoverClass="hover" id="{{index}}" url="{{item.alink}}">
|
||||
<image webp mode="widthFix" src="{{item.pic}}" wx:if="{{!Form.lazy||Form.lazy.pos>index}}"></image>
|
||||
</navigator>
|
||||
<view class="info">
|
||||
<view class="tit">
|
||||
<navigator hoverClass="hover" url="{{item.alink}}">
|
||||
<block wx:if="{{!getdata.key}}">{{item.tit}}</block>
|
||||
<rich-text nodes="{{item.tit}}" wx:else></rich-text>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="bot">
|
||||
<view class="gicon">
|
||||
<view bindtap="{{is.bind||'Lay'}}" class="{{is.class}}" data-action="{{is.action||''}}" data-data="{{is.data||''}}" data-info="{{is.info||''}}" data-method="{{is.method||''}}" name="{{is.name||''}}" wx:for="{{item.icon}}" wx:for-item="is" wx:key="text">
|
||||
{{is.text}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="text">{{item.types}}</view>
|
||||
</view>
|
||||
<view class="bot">
|
||||
<view class="text">￥<view class="num">{{item.money}}</view>
|
||||
</view>
|
||||
<van-icon catchtap="ListSh" customClass="ListSh" id="{{item.bh}}" name="ellipsis"></van-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view animation="{{ListSh[item.bh]}}" class="shop {{ListSh[item.bh]?'show':'hide'}}">
|
||||
<view class="action">
|
||||
<template is="forview" data="{{list:item.action}}"></template>
|
||||
</view>
|
||||
<navigator class="seller" hoverClass="hover" url="{{item.seller.shopurl}}">
|
||||
<image class="avatar" src="{{item.seller.avatar}}" webp="{{true}}"></image>
|
||||
<view class="name">
|
||||
<view>{{item.seller.name}}</view>
|
||||
<icon class="{{item.seller.rev_m}}"></icon>
|
||||
</view>
|
||||
</navigator>
|
||||
<view catchtap="ListSh" class="ListSh" id="{{item.bh}}">关闭</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<import src="/template/template.wxml"></import>
|
||||
<template is="ly" data="{{popup:popup,popuphtml:popuphtml,spin:spin||popupSpin||false,gotop:gotop}}"></template>
|
||||
<template is="list_top" data="{{html:Form,sortValue:sortValue,filter:filter,search:search,filterOld:filterOld,topHeight:topHeight}}"></template>
|
||||
<block wx:if="{{!spin}}">
|
||||
<template is="ddList" data="{{listdata:listdata,getdata:getdata}}" wx:if="{{Form.type=='domain'||Form.type=='demand'}}"></template>
|
||||
<template is="taskList" data="{{listdata:listdata,getdata:getdata}}" wx:elif="{{Form.type=='task'}}"></template>
|
||||
<template is="{{Form.type}}List" data="{{Form:Form,listdata:listdata,getdata:getdata,ListSh:ListSh}}" wx:else></template>
|
||||
<template is="list_bottom" data="{{...listdata,loading:loading,lazy:Form.lazy.add>0}}"></template>
|
||||
<template is="popupform" data="{{Form:popupForm}}"></template>
|
||||
</block>
|
||||
962
pages/index/list.wxss
Normal file
962
pages/index/list.wxss
Normal file
@@ -0,0 +1,962 @@
|
||||
@import "../../__wuBaseWxss__/0.wxss";
|
||||
|
||||
page {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.filter_box {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
overflow-y: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.filter_t {
|
||||
text-align: center;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
position: relative;
|
||||
background-color: #eee;
|
||||
border-bottom: #f2f2f2 solid 1px;
|
||||
}
|
||||
|
||||
.filter_t .back {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 .2rem;
|
||||
font-size: 26px;
|
||||
color: #999;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.filter_t .ok-btn {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
color: #3993cf;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
font-size: 14px;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
.filter_t .title {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.filter_b {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.filter_b .row-flex {
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
|
||||
.filter_b .flex-item {
|
||||
padding: 0 15rpx 0 0;
|
||||
}
|
||||
|
||||
.filter_b .flex-item:last-child {
|
||||
padding: 0 0 0 15rpx;
|
||||
}
|
||||
|
||||
.filter_b button {
|
||||
font-size: 16px;
|
||||
color: #3993cf;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border: #3993cf 1px solid;
|
||||
}
|
||||
|
||||
.filter_b button.ok-btn {
|
||||
color: #fff;
|
||||
background: #3993cf;
|
||||
}
|
||||
|
||||
.filter_a .ul {
|
||||
border-bottom: #f0f0f0 1px solid;
|
||||
padding: 20rpx 30rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.filter_a .name {
|
||||
font-size: 14px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.filter_a .name .choice-res {
|
||||
color: #3993cf;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
right: 2rem;
|
||||
top: 0;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.filter_a .name em.iconfont {
|
||||
position: absolute;
|
||||
right: .48rem;
|
||||
top: 0;
|
||||
font-size: .68rem;
|
||||
color: #ccc;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.filter_a .name em:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.filter_a label {
|
||||
display: inline-block;
|
||||
margin: 10px 15px 0 0;
|
||||
}
|
||||
|
||||
.filter_a .money view {
|
||||
color: #ccc;
|
||||
display: inline-block;
|
||||
line-height: 30px;
|
||||
padding: 0 10px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.filter_a .money input {
|
||||
background: #f5f5f5;
|
||||
margin: 10px 0 0 0;
|
||||
width: 100px;
|
||||
border: #dcdcdc 1px solid;
|
||||
padding: 0 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.filter_a .attach checkbox-group,.filter_a .attach view {
|
||||
display: inline-block;
|
||||
line-height: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.filter_a checkbox .wx-checkbox-input {
|
||||
border-radius: 3rpx;
|
||||
height: 28rpx;
|
||||
width: 28rpx;
|
||||
}
|
||||
|
||||
.filter_a checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
||||
border-color: #3993cf;
|
||||
background: #3993cf;
|
||||
}
|
||||
|
||||
.filter_a checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
|
||||
border-radius: 50%;
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
line-height: 26rpx;
|
||||
text-align: center;
|
||||
font-size: 22rpx;
|
||||
color: #fff;
|
||||
background: 0 0;
|
||||
transform: translate(-50%,-50%) scale(1);
|
||||
}
|
||||
|
||||
.filter_s .ul {
|
||||
border-bottom: #f0f0f0 1px solid;
|
||||
padding: 0 30rpx;
|
||||
line-height: 40px;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.filter_s .ul .name {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
margin-top: -20px;
|
||||
top: 50%;
|
||||
left: 30rpx;
|
||||
}
|
||||
|
||||
.filter_s .ul .arrow {
|
||||
position: absolute;
|
||||
top: 19.5px;
|
||||
right: 30rpx;
|
||||
}
|
||||
|
||||
.filter_s .ul .check {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.filter_s .ul .check input {
|
||||
line-height: 37px;
|
||||
height: 37px;
|
||||
text-align: right;
|
||||
color: #3993cf;
|
||||
}
|
||||
|
||||
.filter_select {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.filter_select .ul .van-icon {
|
||||
color: #ccc;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.codeList {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.codeList .item {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.codeList .item>view {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 10px 5px 0 5px;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.codeList .pic {
|
||||
height: 0;
|
||||
padding-bottom: 80%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.codeList .pic image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.codeList .info {
|
||||
padding: 5px 5px 8px 5px;
|
||||
}
|
||||
|
||||
.codeList .info .bot {
|
||||
position: relative;
|
||||
height: 20px;
|
||||
margin: 6px 0 0 0;
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.codeList .info .text {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -9.5px;
|
||||
left: 0;
|
||||
color: #ccc;
|
||||
line-height: 19px;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
.codeList .info .tit {
|
||||
overflow: hidden;
|
||||
height: 30px;
|
||||
line-height: 15px;
|
||||
font-size: 12px;
|
||||
margin: 3px 0 0 0;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.codeList .info .num {
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.codeList .info .bot:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.codeList .info .bot:last-child .text {
|
||||
display: inline;
|
||||
font-size: 12px;
|
||||
color: #f30;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.codeList .info .ListSh {
|
||||
display: inline-block;
|
||||
padding: 0 0 5px 10px;
|
||||
line-height: 25px;
|
||||
height: 20px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.codeList .shop {
|
||||
background-color: rgba(255,255,255,.9);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.codeList .shop .action navigator,.codeList .shop .action view {
|
||||
display: inline-block;
|
||||
margin: 5% 0 0 5%;
|
||||
background: #fff;
|
||||
width: 41%;
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border: 1px #e1e1e1 solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.codeList .shop .seller {
|
||||
overflow: hidden;
|
||||
margin: 5% 0 0 5%;
|
||||
width: 87%;
|
||||
padding: 1px;
|
||||
border: 1px solid #e1e1e1;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.codeList .shop .name {
|
||||
line-height: 20px;
|
||||
height: 40px;
|
||||
margin-left: 45px;
|
||||
}
|
||||
|
||||
.codeList .shop .avatar {
|
||||
float: left;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.codeList .shop .name view {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.codeList .shop .ListSh {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
line-height: 32px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.serveList .item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
margin: 10px 10px 0 10px;
|
||||
border-radius: 2px;
|
||||
padding: 10px;
|
||||
height: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.serveList .pic {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.serveList .pic image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.serveList .info {
|
||||
position: relative;
|
||||
margin-left: 110px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.serveList .info .tit {
|
||||
overflow: hidden;
|
||||
height: 32px;
|
||||
line-height: 16px;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.serveList .info .bot {
|
||||
position: relative;
|
||||
height: 20px;
|
||||
margin: 28px 0 2px 0;
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.serveList .info .text {
|
||||
color: #ccc;
|
||||
height: 19px;
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.serveList .info .num:last-child {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.serveList .info .money {
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.serveList .info .money .text {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -9.5px;
|
||||
left: -2px;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
color: #f30;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.serveList .info .num {
|
||||
font-size: 16px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.serveList .info .ListSh {
|
||||
display: inline-block;
|
||||
padding: 0 0 5px 10px;
|
||||
line-height: 25px;
|
||||
height: 20px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.serveList .shop {
|
||||
color: #333;
|
||||
background-color: rgba(255,255,255,.5);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.serveList .shop>view {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.serveList .shop .seller {
|
||||
background-color: rgba(255,255,255,.9);
|
||||
float: left;
|
||||
height: 100px;
|
||||
width: 82%;
|
||||
}
|
||||
|
||||
.serveList .shop .avatar {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: -3px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.serveList .shop .tname {
|
||||
color: #666;
|
||||
padding-right: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.serveList .shop .litem {
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.serveList .shop .action {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 18%;
|
||||
}
|
||||
|
||||
.serveList .shop .action navigator,.serveList .shop .action view {
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 33.5px;
|
||||
line-height: 33.5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.serveList .shop .action .imfav {
|
||||
background: #ff9402;
|
||||
}
|
||||
|
||||
.serveList .shop .action .see {
|
||||
background: #ff5000;
|
||||
}
|
||||
|
||||
.serveList .shop .action view:last-child {
|
||||
background: #c1c1c1;
|
||||
}
|
||||
|
||||
.webList .item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
margin: 10px 10px 0 10px;
|
||||
border-radius: 2px;
|
||||
box-shadow: 2px 2px 5px #ccc;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.webList .top {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.webList .bottom {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.webList .avatar {
|
||||
float: left;
|
||||
height: 42px;
|
||||
width: 42px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.webList .avatar image {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
border-radius: 50px;
|
||||
border: 2px solid #fff;
|
||||
box-shadow: 0 1px 5px #c1c1c1;
|
||||
}
|
||||
|
||||
.webList .info {
|
||||
padding-right: 10px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.webList .info navigator {
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
color: #247fbd;
|
||||
overflow: hidden;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.webList .attr {
|
||||
line-height: 20px;
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid #e1e1e1;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.webList .url {
|
||||
float: left;
|
||||
border-left: 0;
|
||||
padding: 0 5px;
|
||||
color: #888;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.webList .money {
|
||||
font-weight: 700;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
text-align: center;
|
||||
background: #fff3eb;
|
||||
height: 20px;
|
||||
margin: -1px 0 0 -1px;
|
||||
border: 1px solid #fdc7a2;
|
||||
float: left;
|
||||
color: #f60;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.webList .thumb {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 79%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.webList .thumb navigator {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.webList .thumb image {
|
||||
border-top: 1px solid #dfe0e2;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.webList .thumb .lay {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.webList .thumb .lay view {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
background: #000;
|
||||
opacity: .6;
|
||||
height: 96%;
|
||||
width: 96%;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.webList .thumb .lay view.cdes {
|
||||
color: #fff;
|
||||
background: 0 0;
|
||||
opacity: 1;
|
||||
background: 0 0;
|
||||
font-family: serif;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.webList .action {
|
||||
background: #fafafa;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
background: #fff;
|
||||
float: left;
|
||||
width: 96%;
|
||||
padding: 10px 2%;
|
||||
border-top: 1px solid #e1e1e1;
|
||||
color: #c1c1c1;
|
||||
}
|
||||
|
||||
.webList .action .van-icon {
|
||||
position: relative;
|
||||
float: right;
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
margin: 0 5px;
|
||||
color: #ccc;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.webList .action .stats {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.webList .action view {
|
||||
float: left;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.webList dd .l4 span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.webList dd .l4 span p {
|
||||
padding-left: 100%;
|
||||
}
|
||||
|
||||
.ddList .item {
|
||||
border-radius: 2px;
|
||||
margin: 10px 10px 0 10px;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.ddList .top {
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: 10px 0;
|
||||
line-height: 20px;
|
||||
max-height: 40px;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.ddList .money,.ddList .top .money {
|
||||
color: #ff5000;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.ddList .money:before {
|
||||
content: "￥";
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ddList .top view {
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
color: #007cd5;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.ddList .info {
|
||||
border-bottom: 1px dashed #eee;
|
||||
line-height: 16px;
|
||||
height: 16px;
|
||||
background: #fafafa;
|
||||
white-space: nowrap;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
padding: 10px 0;
|
||||
color: #c1c1c1;
|
||||
}
|
||||
|
||||
.ddList .info .money {
|
||||
float: left;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.ddList .info .index {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ddList .info .index view {
|
||||
display: inline-block;
|
||||
color: #247fbd;
|
||||
}
|
||||
|
||||
.ddList .info .index view.bid {
|
||||
color: #693;
|
||||
}
|
||||
|
||||
.ddList .bottom {
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
background: #fafafa;
|
||||
white-space: nowrap;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
padding: 5px 0;
|
||||
color: #c1c1c1;
|
||||
}
|
||||
|
||||
.ddList .bottom image {
|
||||
border-radius: 50px;
|
||||
border: 1px solid #e1e1e1;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.ddList .bottom .van-icon {
|
||||
position: relative;
|
||||
float: right;
|
||||
font-size: 26px;
|
||||
margin: 0 5px;
|
||||
color: #ccc;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ddList .bottom view {
|
||||
float: left;
|
||||
line-height: 28px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.ddList .bottom view navigator {
|
||||
color: #c1c1c1;
|
||||
}
|
||||
|
||||
.jifenList {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.jifenList .item {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.jifenList .item>view {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 5px;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.jifenList .pic {
|
||||
height: 0;
|
||||
padding-bottom: 100%;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px dashed #e6e9ef;
|
||||
}
|
||||
|
||||
.jifenList .pic image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jifenList .info {
|
||||
padding: 8px 8px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.jifenList .info .tit {
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
height: 20px;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.jifenList .info .money {
|
||||
position: relative;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.jifenList .info .money text {
|
||||
display: inline-block;
|
||||
font-weight: 700;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.jifenList .info .money .add {
|
||||
color: #999;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
.jifenList .info .money .num {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.jifenList .info .money .sales {
|
||||
position: absolute;
|
||||
color: #333;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.jifenList .info .money {
|
||||
color: rgb(217,22,28);
|
||||
}
|
||||
|
||||
.jifenList .info .money text:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.sort {
|
||||
font-size: 13px;
|
||||
color: #565d65;
|
||||
position: relative;
|
||||
line-height: 40px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.sort .flex-item {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sort .flex-item.on,.sort .flex-item.on .van-icon {
|
||||
color: #f60;
|
||||
}
|
||||
|
||||
.sort .updown {
|
||||
width: 7px;
|
||||
vertical-align: middle;
|
||||
margin: -2px 0 0 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sort .updown view {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
.sort .updown view.up {
|
||||
border-bottom: 4px solid #666;
|
||||
margin: 0 0 2px 0;
|
||||
}
|
||||
|
||||
.sort .updown view.down {
|
||||
border-top: 4px solid #666;
|
||||
margin: 2px 0 0 0;
|
||||
}
|
||||
|
||||
.sort .updown view.up.on {
|
||||
border-bottom-color: #f60;
|
||||
}
|
||||
|
||||
.sort .updown view.down.on {
|
||||
border-top-color: #f60;
|
||||
}
|
||||
|
||||
.sort .filter-icon {
|
||||
font-size: 14px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
vertical-align: middle;
|
||||
margin: -3px 0 0 1px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.top-search .van-search__content {
|
||||
border-radius: 5px;
|
||||
background: #e7e7e7;
|
||||
}
|
||||
|
||||
.top-search .van-icon-search {
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
view.top-search {
|
||||
padding: 10px 20px 0 20px;
|
||||
}
|
||||
|
||||
.van-tabbar-item {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
106
pages/index/shop.js
Normal file
106
pages/index/shop.js
Normal file
@@ -0,0 +1,106 @@
|
||||
function t(t, a, e) {
|
||||
return a in t ? Object.defineProperty(t, a, {
|
||||
value: e,
|
||||
enumerable: !0,
|
||||
configurable: !0,
|
||||
writable: !0
|
||||
}) : t[a] = e, t;
|
||||
}
|
||||
|
||||
var a = require("../../common/common.js");
|
||||
|
||||
Page({
|
||||
data: {
|
||||
previewList: [],
|
||||
spin: !0,
|
||||
popup: [],
|
||||
gotop: !1,
|
||||
tabIndex: 0,
|
||||
getdata: {},
|
||||
listdata: {},
|
||||
loading: !1,
|
||||
fixedOn: !1,
|
||||
Form: {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {},
|
||||
rate: {},
|
||||
send: {}
|
||||
}
|
||||
},
|
||||
popupForm: {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {}
|
||||
}
|
||||
}
|
||||
},
|
||||
initialize: function() {
|
||||
var t = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0], e = this;
|
||||
a.Gethtml(e.data.url, function(i) {
|
||||
a.initialFun(t), a.initializeRefresh(i), e.setData({
|
||||
getdata: {
|
||||
page: 1,
|
||||
store: i.store.bh
|
||||
},
|
||||
spin: !1
|
||||
}), wx.stopPullDownRefresh();
|
||||
});
|
||||
},
|
||||
tabsChange: function(t) {
|
||||
"评价" != t.detail.title || this.data.getdata.CurPage || a.GetList(), this.setData({
|
||||
tabIndex: t.detail.index
|
||||
});
|
||||
},
|
||||
radioChange: function(e) {
|
||||
if (this.data.getdata.filter !== e.detail) {
|
||||
var i;
|
||||
this.setData((i = {}, t(i, "getdata.filter", e.detail), t(i, "getdata.page", 1),
|
||||
i)), a.GetList();
|
||||
}
|
||||
},
|
||||
onPageScroll: function(t) {
|
||||
var a = this.data.gotop, e = t.scrollTop;
|
||||
(e >= 1e3 && !a || e < 1e3 && a) && this.setData({
|
||||
gotop: !a
|
||||
});
|
||||
},
|
||||
onReachBottom: function() {
|
||||
var t = this.data.listdata;
|
||||
!this.data.loading && t.CurPage < t.TotalPage && (this.setData({
|
||||
"getdata.page": 1 * this.data.getdata.page + 1
|
||||
}), a.GetList());
|
||||
},
|
||||
contact: function() {
|
||||
a.Lay({
|
||||
action: "contact",
|
||||
info: this.data.Form.store.bh
|
||||
});
|
||||
},
|
||||
Lay: function(t) {
|
||||
a.Lay(JSON.parse(JSON.stringify(t)));
|
||||
},
|
||||
Commom: function(t) {
|
||||
var e = JSON.parse(JSON.stringify((t.currentTarget, t))), i = t.currentTarget ? e.currentTarget.dataset.action : e.action;
|
||||
a[i](e);
|
||||
},
|
||||
Popup: function(t) {
|
||||
a.Popup(t.currentTarget.dataset);
|
||||
},
|
||||
onLoad: function(t) {
|
||||
this.setData({
|
||||
url: t.url ? t.url : "get/ishop/"
|
||||
}), a.init(this), this.initialize(!1);
|
||||
},
|
||||
onShow: function() {
|
||||
a.init(this);
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.initialize();
|
||||
},
|
||||
onShareAppMessage: function() {
|
||||
return a.getShare();
|
||||
}
|
||||
});
|
||||
15
pages/index/shop.json
Normal file
15
pages/index/shop.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-goods-action-button": "/vant/goods-action-button/index",
|
||||
"van-popup": "/vant/popup/index",
|
||||
"van-radio": "/vant/radio/index",
|
||||
"van-radio-group": "/vant/radio-group/index",
|
||||
"forview": "/utils/forview/index",
|
||||
"van-loading": "/vant/loading/index",
|
||||
"van-dialog": "/vant/dialog/index",
|
||||
"van-button": "/vant/button/index",
|
||||
"van-icon": "/vant/icon/index",
|
||||
"van-tab": "/vant/tab/index",
|
||||
"van-tabs": "/vant/tabs/index"
|
||||
}
|
||||
}
|
||||
117
pages/index/shop.wxml
Normal file
117
pages/index/shop.wxml
Normal file
@@ -0,0 +1,117 @@
|
||||
<import src="/template/template.wxml"></import>
|
||||
<template is="ly" data="{{popup:popup,popuphtml:popuphtml,spin:spin,gotop:gotop}}"></template>
|
||||
<block wx:if="{{!spin}}">
|
||||
<template is="store" data="{{store:Form.store}}"></template>
|
||||
<van-tabs sticky swipeable active="{{tabIndex}}" bind:change="tabsChange" bind:disabled="contact" color="#f60" customClass="nav-tabs" lineWidth="80">
|
||||
<van-tab icon="home-o" iconStyle="line-height:21px;font-size:21px" title="首页">
|
||||
<block wx:for="{{Form.commend}}" wx:for-index="type" wx:key="type">
|
||||
<view class="store-name">
|
||||
<view class="line"></view>
|
||||
<text>推荐{{item.name}}</text>
|
||||
<navigator hoverClass="hover" url="list?url=get/lists/{{type}}/{{Form.store.id}}">更多<van-icon customClass="middle2" name="arrow"></van-icon>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="store-ibox">
|
||||
<view class="item {{type}} {{index===0&&item.odd&&'big'}}" wx:for="{{item.list}}" wx:for-item="goods" wx:key="bh">
|
||||
<view>
|
||||
<view class="pic">
|
||||
<navigator hoverClass="hover" url="{{goods.url}}">
|
||||
<image mode="widthFix" src="{{goods.pic}}" webp="{{true}}"></image>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="info">
|
||||
<navigator class="title" hoverClass="hover" url="{{goods.url}}">{{goods.tit}}</navigator>
|
||||
<view class="bottom">
|
||||
<view class="money">￥<text>{{goods.money}}</text>
|
||||
</view>
|
||||
<view class="gicon">
|
||||
<view bindtap="{{is.bind}}" class="{{is.class}}" data-action="{{is.action}}" data-id="{{item.id}}" data-info="{{is.text}}" data-title="信息" wx:for="{{goods.icon}}" wx:for-item="is" wx:key="index">{{is.name}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</van-tab>
|
||||
<van-tab icon="evaluate" title="评价">
|
||||
<view class="revList">
|
||||
<view class="radio-group">
|
||||
<van-radio-group bind:change="radioChange" value="{{getdata.filter||''}}">
|
||||
<van-radio name="">全部</van-radio>
|
||||
<van-radio name="2">好评</van-radio>
|
||||
<van-radio name="0">中评</van-radio>
|
||||
<van-radio name="-1">差评</van-radio>
|
||||
<van-radio name="notauto">非自评</van-radio>
|
||||
<van-radio name="append">有追加</van-radio>
|
||||
</van-radio-group>
|
||||
</view>
|
||||
<view class="item row-flex" wx:for="{{listdata.list}}" wx:for-index="evaIndex" wx:for-item="data" wx:key="index">
|
||||
<view class="avatar">
|
||||
<view>
|
||||
<view>
|
||||
<image mode="widthFix" src="{{data.user.avatar}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-item">
|
||||
<navigator class="goods" hoverClass="hover" url="{{data.goods.url}}">
|
||||
<text>{{data.goods.money}}</text> {{data.goods.tit}}</navigator>
|
||||
<view class="info">
|
||||
<block wx:for="{{data.eva}}" wx:for-index="type" wx:for-item="e" wx:key="index">
|
||||
<view class="name {{type}}" wx:if="{{type=='buy'}}">
|
||||
<text>{{data.user.name}}</text>
|
||||
<view class="{{data.user.rev}}"></view>
|
||||
<view class="eva {{e.give}}" wx:if="{{e.give}}">
|
||||
<van-icon name="{{e.give=='bad'?'bad':'evaluate'}}"></van-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="name {{type}}" wx:else>
|
||||
{{e.name}}
|
||||
</view>
|
||||
<view class="text">
|
||||
{{e.text}}
|
||||
<view class="bfile" wx:if="{{e.pic}}">
|
||||
<view wx:for="{{e.pic}}" wx:for-item="src" wx:key="src">
|
||||
<image hidden bindload="Lay" data-action="intoPreview" data-field="{{e.field}}" data-src="{{url}}" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="></image>
|
||||
<view>
|
||||
<view>
|
||||
<image bindtap="Lay" data-action="allPreview" data-field="{{e.field}}" data-src="{{src}}" mode="widthFix" src="{{src}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="time">
|
||||
{{e.time}}
|
||||
</view>
|
||||
<view class="reply" wx:if="{{e.reply}}">
|
||||
<view class="j-br"></view>
|
||||
<view class="j-bg"></view>
|
||||
<view class="name">{{e.reply.name}}</view>
|
||||
<view class="text">{{e.reply.text}}</view>
|
||||
<view class="bfile" wx:if="{{e.reply.pic}}">
|
||||
<view wx:for="{{e.reply.pic}}" wx:for-item="src" wx:key="src">
|
||||
<image hidden bindload="Lay" data-action="intoPreview" data-field="{{e.reply.field}}" data-src="{{url}}" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="></image>
|
||||
<view>
|
||||
<view>
|
||||
<image bindtap="Lay" data-action="allPreview" data-field="{{e.reply.field}}" data-src="{{src}}" mode="widthFix" src="{{src}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="time">{{e.reply.time}}</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<template is="list_bottom" data="{{...listdata,loading:loading}}"></template>
|
||||
</van-tab>
|
||||
<van-tab icon="user-o" title="资料">
|
||||
<template is="forview" data="{{list:Form.shopinfo,form:Form.form}}"></template>
|
||||
</van-tab>
|
||||
<van-tab disabled icon="kefu2" title="客服">客服</van-tab>
|
||||
</van-tabs>
|
||||
</block>
|
||||
287
pages/index/shop.wxss
Normal file
287
pages/index/shop.wxss
Normal file
@@ -0,0 +1,287 @@
|
||||
@import "../../__wuBaseWxss__/0.wxss";
|
||||
|
||||
page {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.nav-tabs .van-tab__title {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.nav-tabs .van-tab--active .van-tab__title {
|
||||
color: #f60;
|
||||
}
|
||||
|
||||
.nav-tabs .van-tab__title .van-icon {
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
margin: 6px 0 -2px 0;
|
||||
}
|
||||
|
||||
.nav-tabs .van-tab {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.nav-tabs.van-tabs--line .van-tabs__wrap {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.nav-tabs.van-tabs--line {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.store-nav {
|
||||
height: 1rem;
|
||||
background: #fff;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.store-nav.fixed {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background: #3993cf;
|
||||
z-index: 1000;
|
||||
opacity: 0.99;
|
||||
}
|
||||
|
||||
.store-nav ul {
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.store-nav ul li {
|
||||
border-bottom: #e9e9e9 .05rem solid;
|
||||
text-align: center;
|
||||
height: .95rem;
|
||||
-webkit-box-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.store-nav ul li a {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
color: #666;
|
||||
padding-top: .12rem;
|
||||
}
|
||||
|
||||
.store-nav.fixed ul li a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.store-nav ul li.on a {
|
||||
color: #f60;
|
||||
}
|
||||
|
||||
.store-nav ul li.on {
|
||||
border-color: #f60;
|
||||
}
|
||||
|
||||
.store-nav.fixed ul li.on a {
|
||||
color: #fffc00;
|
||||
}
|
||||
|
||||
.store-nav.fixed ul li {
|
||||
border-bottom-color: #3993cf;
|
||||
}
|
||||
|
||||
.store-nav ul li p em {
|
||||
font-family: iconfont;
|
||||
font-size: 0.42rem;
|
||||
}
|
||||
|
||||
.store-nav ul li p {
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.store-search {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.store-list {
|
||||
overflow: hidden;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.store-ibox {
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
.store-ibox .item {
|
||||
flex: 1 50%;
|
||||
}
|
||||
|
||||
.store-ibox .item.big {
|
||||
flex: 1 100%;
|
||||
}
|
||||
|
||||
.store-ibox .item>view {
|
||||
margin: 5px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.store-ibox .pic {
|
||||
display: block;
|
||||
height: 0;
|
||||
padding-bottom: 80%;
|
||||
overflow: hidden;
|
||||
border: #f0f0f0 1px solid;
|
||||
}
|
||||
|
||||
.store-ibox .pic image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.store-ibox .serve .pic {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
.store-ibox .info {
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
padding: 0 6px;
|
||||
border: #f1f1f1 1px solid;
|
||||
}
|
||||
|
||||
.store-ibox .bottom {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 0 0 10px 0;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.store-ibox .title {
|
||||
color: #555;
|
||||
overflow: hidden;
|
||||
height: 28px;
|
||||
line-height: 14px;
|
||||
font-size: 12px;
|
||||
margin: 5px 0 5px 0;
|
||||
}
|
||||
|
||||
.store-ibox .money {
|
||||
font-family: Helvetica;
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.store-ibox .info text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.store-ibox .gicon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.store-ibox .tname {
|
||||
padding-top: .2em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.store-ibox .tname i {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.store-name {
|
||||
position: relative;
|
||||
margin: 0 10px 0 10px;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.store-name:first-child {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.store-name text {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 0 15px;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.store-name .line {
|
||||
border-radius: 45%;
|
||||
position: absolute;
|
||||
background: #CCC;
|
||||
height: 2px;
|
||||
width: 60%;
|
||||
left: 20%;
|
||||
margin-top: -1px;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.store-name navigator {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -10px;
|
||||
line-height: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.store-name .van-icon {
|
||||
font-size: 12px;
|
||||
line-height: 10px;
|
||||
height: 10px;
|
||||
margin: -2px 0 0 2px;
|
||||
}
|
||||
|
||||
.shop_info .item {
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
margin: 10px 10px 0 10px;
|
||||
overflow: hidden;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.shop_info .title {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid #eee;
|
||||
color: #444;
|
||||
padding-left: 15px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.shop_info .item>view:last-child {
|
||||
padding: 12px 15px;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.shop_desc {
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.shop_skill view {
|
||||
padding: 8px 12px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #e0e0e0;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 5px 0;
|
||||
}
|
||||
|
||||
.shop_ver view.icons {
|
||||
margin-right: 6px;
|
||||
}
|
||||
131
pages/index/show.js
Normal file
131
pages/index/show.js
Normal file
@@ -0,0 +1,131 @@
|
||||
function t(t, a, e) {
|
||||
return a in t ? Object.defineProperty(t, a, {
|
||||
value: e,
|
||||
enumerable: !0,
|
||||
configurable: !0,
|
||||
writable: !0
|
||||
}) : t[a] = e, t;
|
||||
}
|
||||
|
||||
!function(t) {
|
||||
t && t.__esModule;
|
||||
}(require("../../common/WxValidate.js"));
|
||||
|
||||
var a = require("../../common/common.js");
|
||||
|
||||
Page({
|
||||
data: {
|
||||
spin: !0,
|
||||
loading: !1,
|
||||
previewList: [],
|
||||
getdata: {},
|
||||
listdata: {},
|
||||
popup: [],
|
||||
gotop: !1,
|
||||
tabIndex: 0,
|
||||
popupSpin: !1,
|
||||
Form: {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {},
|
||||
rate: {},
|
||||
send: {}
|
||||
}
|
||||
},
|
||||
popupForm: {
|
||||
form: {
|
||||
radio: {},
|
||||
checkbox: {},
|
||||
picker: {}
|
||||
}
|
||||
}
|
||||
},
|
||||
initialize: function() {
|
||||
var t = !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0], e = this;
|
||||
e.setData({
|
||||
spin: !0
|
||||
}), a.Gethtml(e.data.url, function(i) {
|
||||
a.initialFun(t), a.initializeRefresh(i), e.setData({
|
||||
getdata: {
|
||||
page: 1,
|
||||
goods: i.data.bh
|
||||
},
|
||||
spin: !1
|
||||
}), i.ShowAttr && i.ShowAttr.Countdown && a.Countdown(i.ShowAttr.Countdown, "Form"),
|
||||
"task" == i.type && e.getBidList(), wx.stopPullDownRefresh();
|
||||
});
|
||||
},
|
||||
onShow: function() {
|
||||
a.init(this);
|
||||
},
|
||||
onLoad: function(t) {
|
||||
a.init(this), t.url ? this.setData({
|
||||
url: a.UrlOptions(t)
|
||||
}) : this.setData({
|
||||
url: "get/shows/code/0"
|
||||
}), this.initialize(!1);
|
||||
},
|
||||
tabsChange: function(t) {
|
||||
"评价记录" != t.detail.title || this.data.getdata.CurPage || a.GetList(), this.setData({
|
||||
tabIndex: t.detail.index
|
||||
});
|
||||
},
|
||||
getBidList: function() {
|
||||
var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], i = this, n = i.data.getdata.filter, o = i.data.Form.form.radio.filter || 0, r = e.currentTarget ? e.currentTarget.dataset.info : o;
|
||||
if (r !== n) {
|
||||
var s, d = 0 != r && /^[+-]?\d*\.?\d*$/.test(r) ? {
|
||||
bh: r
|
||||
} : {};
|
||||
i.setData((s = {}, t(s, "getdata.filter", "reset" != r ? r : o), t(s, "getdata.page", 1),
|
||||
t(s, "Form.form.goBid", d), s)), a.GetList(function(t) {
|
||||
d.bh && a.querySelect(".item", function(t) {
|
||||
a.Lay({
|
||||
action: "go",
|
||||
info: t.top
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
revChange: function(e) {
|
||||
if (this.data.getdata.filter !== e.detail) {
|
||||
var i;
|
||||
this.setData((i = {}, t(i, "getdata.filter", e.detail), t(i, "getdata.page", 1),
|
||||
i)), a.GetList();
|
||||
}
|
||||
},
|
||||
addServe: function(t) {
|
||||
var e = t.currentTarget.dataset, i = this.data.Form.data;
|
||||
if (i.allmoney) {
|
||||
var n = this.data.Form.AllmoneyOn || 0;
|
||||
i.allmoney[n] && (e = Object.assign(i.allmoney[n], e));
|
||||
}
|
||||
a.Lay(e);
|
||||
},
|
||||
gaChange: function(a) {
|
||||
this.setData(t({}, "Form." + a.currentTarget.dataset.field, a.currentTarget.id));
|
||||
},
|
||||
Lay: function(t) {
|
||||
a.Lay(JSON.parse(JSON.stringify(t)));
|
||||
},
|
||||
Commom: function(t) {
|
||||
var e = JSON.parse(JSON.stringify((t.currentTarget, t))), i = t.currentTarget ? e.currentTarget.dataset.action : e.action;
|
||||
a[i]();
|
||||
},
|
||||
Popup: function(t) {
|
||||
a.Popup(t.currentTarget.dataset);
|
||||
},
|
||||
onReachBottom: function() {
|
||||
var t = this.data.listdata;
|
||||
!this.data.loading && t.CurPage < t.TotalPage && (this.setData({
|
||||
"getdata.page": 1 * this.data.getdata.page + 1
|
||||
}), a.GetList());
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.initialize();
|
||||
},
|
||||
onShareAppMessage: function() {
|
||||
return a.getShare();
|
||||
}
|
||||
});
|
||||
25
pages/index/show.json
Normal file
25
pages/index/show.json
Normal file
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"down": "/utils/count-down/index",
|
||||
"van-goods-action": "/vant/goods-action/index",
|
||||
"van-goods-action-icon": "/vant/goods-action-icon/index",
|
||||
"van-goods-action-button": "/vant/goods-action-button/index",
|
||||
"van-radio": "/vant/radio/index",
|
||||
"van-radio-group": "/vant/radio-group/index",
|
||||
"van-field": "/vant/field/index",
|
||||
"van-cell": "/vant/cell/index",
|
||||
"van-cell-group": "/vant/cell-group/index",
|
||||
"van-stepper": "/vant/stepper/index",
|
||||
"van-picker": "/vant/picker/index",
|
||||
"van-checkbox": "/vant/checkbox/index",
|
||||
"van-checkbox-group": "/vant/checkbox-group/index",
|
||||
"forview": "/utils/forview/index",
|
||||
"van-loading": "/vant/loading/index",
|
||||
"van-dialog": "/vant/dialog/index",
|
||||
"van-button": "/vant/button/index",
|
||||
"van-icon": "/vant/icon/index",
|
||||
"van-popup": "/vant/popup/index",
|
||||
"van-tab": "/vant/tab/index",
|
||||
"van-tabs": "/vant/tabs/index"
|
||||
}
|
||||
}
|
||||
238
pages/index/show.wxml
Normal file
238
pages/index/show.wxml
Normal file
@@ -0,0 +1,238 @@
|
||||
<import src="/template/template.wxml"></import>
|
||||
<template is="ly" data="{{popup:popup,popuphtml:popuphtml,spin:spin||popupSpin||false,gotop:gotop}}"></template>
|
||||
<block wx:if="{{!spin}}">
|
||||
<view class="info-id" wx:if="{{Form.data.id}}">信息ID：{{Form.data.id}}</view>
|
||||
<block wx:if="{{Form.type=='code'||Form.type=='serve'}}">
|
||||
<view class="pro_bigImg van-hairline--bottom" wx:if="{{Form.data.tp}}">
|
||||
<image mode="widthFix" src="{{Form.data.tp}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
<view class="pro_baseInfor">
|
||||
<view class="row-flex" wx:if="{{!Form.data.allmoney}}">
|
||||
<view class="money">{{Form.data.money}}</view>
|
||||
</view>
|
||||
<view class="row-flex title van-multi-ellipsis--l2">{{Form.data.tit}}</view>
|
||||
<view class="editionChoose" wx:if="{{Form.data.allmoney}}">
|
||||
<view class="g_m row-flex">
|
||||
<view class="name">
|
||||
价 格：
|
||||
</view>
|
||||
<view class="flex-item">
|
||||
<view class="price">{{Form.data.allmoney[Form.AllmoneyOn||0].money}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-flex">
|
||||
<view class="name">
|
||||
版 本：
|
||||
</view>
|
||||
<view class="flex-item editionList">
|
||||
<view bindtap="gaChange" class="item {{!Form.AllmoneyOn&&index==0||Form.AllmoneyOn==index?'on':''}}" data-field="AllmoneyOn" id="{{index}}" wx:for="{{Form.data.allmoney}}" wx:for-item="items" wx:key="edition">{{items.edition}}<van-icon name="duigou1"></van-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pro_guarantee van-hairline--top">
|
||||
<view class="top">
|
||||
<view bindtap="gaChange" class="tit {{!Form.GuaranteeOn&&index==0||Form.GuaranteeOn==index?'on':''}}" data-field="GuaranteeOn" data-title="{{items.text}}" id="{{index}}" wx:for="{{Form.Guarantee}}" wx:for-item="items" wx:key="name">
|
||||
<view>
|
||||
<van-icon name="duigou"></van-icon> {{items.name}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom van-hairline--top">{{Form.Guarantee[Form.GuaranteeOn||0].text}}</view>
|
||||
</view>
|
||||
<view class="pro_attr" wx:if="{{Form.ShowAttr}}">
|
||||
<view class="tit van-hairline--bottom">商品属性</view>
|
||||
<view class="list">
|
||||
<view class="item" wx:for="{{Form.ShowAttr}}" wx:for-item="items" wx:key="title">
|
||||
<view class="name" wx:if="{{items.title}}">{{items.title}}：</view>
|
||||
<view class="text">
|
||||
<template is="forview" data="{{list:items.list,form:Form.form}}" wx:if="{{items.list}}"></template>
|
||||
<template is="view" data="{{view:items}}" wx:else></template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pro_ishop">
|
||||
<view class="top">
|
||||
<image src="{{Form.role.avatar}}"></image>
|
||||
<view class="info">
|
||||
<view class="name">{{Form.role.name}} <icon class="{{Form.role.rev}}"></icon>
|
||||
</view>
|
||||
<view class="certification">
|
||||
<view class="tit">商家认证：</view>
|
||||
<template is="forview" data="{{list:Form.role.cer,form:Form.form}}" wx:if="{{Form.role.cer}}"></template>
|
||||
</view>
|
||||
<view>
|
||||
<view class="tit">店铺评分：</view>
|
||||
<view class="store-score">
|
||||
<view wx:for="{{Form.role.score}}" wx:key="index">
|
||||
<text>{{index}}</text>
|
||||
<view class="{{item.trend}}">
|
||||
{{item.value}} <van-icon name="shang{{item.trend=='down'?'-copy-copy':''}}"></van-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom row-flex" wx:if="{{Form.ishopAction}}">
|
||||
<template is="forview" data="{{list:Form.ishopAction,form:Form.form}}"></template>
|
||||
</view>
|
||||
</view>
|
||||
<view class="pro_main">
|
||||
<van-tabs sticky swipeable active="{{tabIndex}}" bind:change="tabsChange" color="#f60" lineWidth="100">
|
||||
<van-tab title="{{Form.tabs[0].name}}">
|
||||
<view class="ul pro_info">
|
||||
<block wx:for="{{Form.data.txt}}" wx:key="index">
|
||||
<rich-text nodes="{{item.text}}" wx:if="{{item.type=='html'}}"></rich-text>
|
||||
<block wx:if="{{item.type=='image'}}">
|
||||
<image hidden bindload="Lay" data-action="intoPreview" data-field="{{Form.type}}Txt" data-src="{{item.src}}" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="></image>
|
||||
<image bindtap="Lay" class="gimg" data-action="allPreview" data-field="{{Form.type}}Txt" data-src="{{item.src}}" mode="widthFix" src="{{item.src}}" webp="{{true}}"></image>
|
||||
</block>
|
||||
</block>
|
||||
</view>
|
||||
</van-tab>
|
||||
<van-tab title="{{Form.tabs[1].name}}">
|
||||
<view class="revList">
|
||||
<view class="radio-group">
|
||||
<van-radio-group bind:change="revChange" value="{{getdata.filter||''}}">
|
||||
<van-radio name="">全部</van-radio>
|
||||
<van-radio name="2">好评</van-radio>
|
||||
<van-radio name="0">中评</van-radio>
|
||||
<van-radio name="-1">差评</van-radio>
|
||||
<van-radio name="notauto">非自评</van-radio>
|
||||
<van-radio name="append">有追加</van-radio>
|
||||
</van-radio-group>
|
||||
</view>
|
||||
<view class="item row-flex" wx:for="{{listdata.list}}" wx:for-item="data" wx:key="index">
|
||||
<view class="avatar">
|
||||
<view>
|
||||
<view>
|
||||
<image mode="widthFix" src="{{data.user.avatar}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-item">
|
||||
<navigator class="goods" hoverClass="hover" url="{{data.goods.url}}">
|
||||
<text>{{data.goods.money}}</text> {{data.goods.tit}}</navigator>
|
||||
<view class="info">
|
||||
<block wx:for="{{data.eva}}" wx:for-index="type" wx:for-item="e" wx:key="index">
|
||||
<view class="name {{type}}" wx:if="{{type=='buy'}}">
|
||||
<text>{{data.user.name}}</text>
|
||||
<view class="{{data.user.rev}}"></view>
|
||||
<view class="eva {{e.give}}" wx:if="{{e.give}}">
|
||||
<van-icon name="{{e.give=='bad'?'bad':'evaluate'}}"></van-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="name {{type}}" wx:else>
|
||||
{{e.name}}
|
||||
</view>
|
||||
<view class="text">
|
||||
{{e.text}}
|
||||
<view class="bfile" wx:if="{{e.pic}}">
|
||||
<view wx:for="{{e.pic}}" wx:for-item="src" wx:key="src">
|
||||
<image hidden bindload="Lay" data-action="intoPreview" data-field="{{e.field}}" data-src="{{src}}" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="></image>
|
||||
<view>
|
||||
<view>
|
||||
<image bindtap="Lay" data-action="allPreview" data-field="{{e.field}}" data-src="{{src}}" mode="widthFix" src="{{src}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="time">
|
||||
{{e.time}}
|
||||
</view>
|
||||
<view class="reply" wx:if="{{e.reply}}">
|
||||
<view class="j-br"></view>
|
||||
<view class="j-bg"></view>
|
||||
<view class="name">{{e.reply.name}}</view>
|
||||
{{e.reply.text}}
|
||||
<view class="bfile" wx:if="{{e.reply.pic}}">
|
||||
<view wx:for="{{e.reply.pic}}" wx:for-item="src" wx:key="src">
|
||||
<image hidden bindload="Lay" data-action="intoPreview" data-field="{{e.reply.field}}" data-src="{{src}}" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="></image>
|
||||
<view>
|
||||
<view>
|
||||
<image bindtap="Lay" data-action="allPreview" data-field="{{e.reply.field}}" data-src="{{src}}" mode="widthFix" src="{{src}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="time">{{e.reply.time}}</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<template is="list_bottom" data="{{...listdata,loading:loading,bottom:50}}"></template>
|
||||
</van-tab>
|
||||
<van-tab title="{{Form.tabs[2].name}}">
|
||||
<view class="ul pro_rule">
|
||||
<rich-text nodes="{{Form.rule}}"></rich-text>
|
||||
</view>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</view>
|
||||
</block>
|
||||
<block wx:elif="{{Form.type=='jifen'}}">
|
||||
<view class="pro_bigImg van-hairline--bottom" wx:if="{{Form.data.tp}}">
|
||||
<image mode="widthFix" src="{{Form.data.tp}}" webp="{{true}}"></image>
|
||||
</view>
|
||||
<template is="forview" data="{{list:Form.data.jhtml}}"></template>
|
||||
<view class="pro_main">
|
||||
<van-tabs sticky swipeable active="{{tabIndex}}" color="#f60" lineWidth="100">
|
||||
<van-tab title="{{Form.tabs[0].name}}">
|
||||
<view class="ul pro_info">
|
||||
<block wx:for="{{Form.data.txt}}" wx:key="index">
|
||||
<rich-text nodes="{{item.text}}" wx:if="{{item.type=='html'}}"></rich-text>
|
||||
<block wx:if="{{item.type=='image'}}">
|
||||
<image hidden bindload="Lay" data-action="intoPreview" data-field="{{Form.type}}Txt" data-src="{{item.src}}" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=="></image>
|
||||
<image bindtap="Lay" class="gimg" data-action="allPreview" data-field="{{Form.type}}Txt" data-src="{{item.src}}" mode="widthFix" src="{{item.src}}" webp="{{true}}"></image>
|
||||
</block>
|
||||
</block>
|
||||
</view>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</view>
|
||||
</block>
|
||||
<block wx:elif="{{Form.type=='task'}}">
|
||||
<view class="pro_table">
|
||||
<view class="tit">{{Form.data.tit}}</view>
|
||||
<view class="list">
|
||||
<view class="row row-flex" wx:for="{{Form.ShowAttr}}" wx:for-item="items" wx:key="name">
|
||||
<view class="name" wx:if="{{items.title}}">
|
||||
{{items.title}}：
|
||||
</view>
|
||||
<template is="forview" data="{{list:items.list,form:Form.form}}" wx:if="{{items.list}}"></template>
|
||||
<template is="view" data="{{view:items}}" wx:else></template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<template is="forview" data="{{list:listdata.list,form:Form.form}}"></template>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view class="pro_bigImg" wx:if="{{Form.data.tp}}">
|
||||
<image src="{{Form.data.tp}}"></image>
|
||||
</view>
|
||||
<view class="pro_table">
|
||||
<view class="tit">{{Form.data.tit}}</view>
|
||||
<view class="list">
|
||||
<view class="row row-flex" wx:for="{{Form.ShowAttr}}" wx:for-item="items" wx:key="title">
|
||||
<view class="name" wx:if="{{items.title}}">
|
||||
{{items.title}}：
|
||||
</view>
|
||||
<template is="forview" data="{{list:items.list,form:Form.form}}" wx:if="{{items.list}}"></template>
|
||||
<template is="view" data="{{view:items}}" wx:else></template>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<van-goods-action wx:if="{{Form.AcBot}}">
|
||||
<block wx:for="{{Form.AcBot}}" wx:for-item="items" wx:key="text">
|
||||
<van-goods-action-icon bind:click="{{items.bind||'Lay'}}" class="{{items.flex?'flex-item center':''}}" data-action="{{items.action||''}}" data-data="{{items.data||''}}" data-info="{{items.info||''}}" data-method="{{items.method||''}}" disabled="{{items.disabled===true}}" flex="{{items.flex||''}}" icon="{{items.icon}}" openType="{{items.openType||''}}" text="{{items.text||''}}" wx:if="{{items.icon}}"></van-goods-action-icon>
|
||||
<van-goods-action-button bind:click="{{items.bind||'Lay'}}" data-action="{{items.action||''}}" data-data="{{items.data||''}}" data-info="{{items.info||''}}" data-method="{{items.method||''}}" disabled="{{items.disabled===true}}" openType="{{items.openType||''}}" text="{{items.text||''}}" type="{{items.color||''}}" wx:else></van-goods-action-button>
|
||||
</block>
|
||||
</van-goods-action>
|
||||
<template is="popupform" data="{{Form:popupForm}}"></template>
|
||||
</block>
|
||||
630
pages/index/show.wxss
Normal file
630
pages/index/show.wxss
Normal file
@@ -0,0 +1,630 @@
|
||||
@import "../../__wuBaseWxss__/0.wxss";
|
||||
|
||||
@import "../../vant/area/index.wxss";
|
||||
|
||||
page {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.pro_bigImg {
|
||||
background: #f2f2f2;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pro_bigImg image {
|
||||
width: 100%;
|
||||
max-width: 350px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.pro_baseInfor {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
padding: 10px 3%;
|
||||
}
|
||||
|
||||
.pro_baseInfor .title {
|
||||
line-height: 18px;
|
||||
font-size: 13px;
|
||||
margin: 5px 0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.pro_baseInfor .money {
|
||||
font-weight: 700;
|
||||
color: #f40;
|
||||
font-size: 18px;
|
||||
margin-right: 10px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.pro_baseInfor .money:before {
|
||||
content: "￥";
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.pro_baseInfor .ul cite {
|
||||
color: #b68571;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.pro_baseInfor .ul cite:before {
|
||||
font-family: iconfont;
|
||||
content: "\e662";
|
||||
font-size: .4rem;
|
||||
vertical-align: -1px;
|
||||
}
|
||||
|
||||
.jgoods-info {
|
||||
line-height: 20px;
|
||||
padding: 12px 0;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.jgoods-info .title {
|
||||
font-size: 14px;
|
||||
margin: 0 15px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.jgoods-info .spe {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.jgoods-info .spe .bg {
|
||||
margin: 7px 0 2px 0;
|
||||
background: #fafafa;
|
||||
font-size: 14px;
|
||||
padding: 7px 0;
|
||||
}
|
||||
|
||||
.jgoods-info .spe .item {
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.jgoods-info .spe .text {
|
||||
color: #333;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.jgoods-info .spe .price {
|
||||
display: inline-block;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 22px;
|
||||
color: #e71f19;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
|
||||
.jgoods-info .spe .price text {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
vertical-align: 3px;
|
||||
}
|
||||
|
||||
.pro_guarantee {
|
||||
overflow: hidden;
|
||||
background: #f8f8f8;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pro_guarantee .top {
|
||||
padding: 0 10px;
|
||||
height: 34px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.pro_guarantee .tit {
|
||||
height: 19px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
padding: 7px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pro_guarantee .tit.on {
|
||||
margin-top: 1px;
|
||||
color: #444;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pro_guarantee .tit view {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pro_guarantee .tit .van-icon {
|
||||
padding-right: 2px;
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
margin-top: -4px;
|
||||
color: #69a519;
|
||||
}
|
||||
|
||||
.pro_guarantee .bottom {
|
||||
padding: 8px 10px;
|
||||
margin-top: -1px;
|
||||
line-height: 20px;
|
||||
background: #fff;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.pro_attr {
|
||||
background: #fff;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
.pro_attr .tit {
|
||||
line-height: 38px;
|
||||
color: #666;
|
||||
margin: 0 10px 5px 10px;
|
||||
}
|
||||
|
||||
.pro_attr .list {
|
||||
overflow: hidden;
|
||||
margin: 5px 0 5px 10px;
|
||||
padding: 3px 0 10px 0;
|
||||
}
|
||||
|
||||
.pro_attr .item {
|
||||
float: left;
|
||||
width: 56%;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.pro_attr .item:nth-child(odd) {
|
||||
width: 44%;
|
||||
}
|
||||
|
||||
.pro_attr .name {
|
||||
float: left;
|
||||
color: #999;
|
||||
min-width: 72px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.pro_attr .text {
|
||||
margin-left: 72px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.pro_attr .text navigator,.pro_attr .text view {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pro_attr .demo {
|
||||
color: #00a1ec;
|
||||
}
|
||||
|
||||
.pro_attr .demo .van-icon {
|
||||
font-size: 16px;
|
||||
margin: -2px 2px 0 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.pro_ishop {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
padding: 12px 10px 2px 10px;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
.pro_ishop .bottom,.pro_ishop .top {
|
||||
float: left;
|
||||
padding: 0 0 12px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pro_ishop .top image {
|
||||
float: left;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 3px;
|
||||
border: 1px #eee solid;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.pro_ishop .top .info {
|
||||
margin-left: 74px;
|
||||
color: #999;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.pro_ishop .top .name {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.pro_ishop .top .tit {
|
||||
color: #666;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.pro_ishop .top .store-score {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pro_ishop .top .num {
|
||||
padding-right: 5px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.pro_ishop .top .num {
|
||||
color: #c70100;
|
||||
}
|
||||
|
||||
.pro_ishop .top .icons {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pro_ishop .bottom .flex-item {
|
||||
line-height: 14px;
|
||||
height: 14px;
|
||||
text-align: center;
|
||||
margin-right: 15px;
|
||||
padding: 8px 0 10px 0;
|
||||
border: 1px #f0f0f0 solid;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 2px #fafafa;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.pro_ishop .bottom .flex-item:nth-child(3) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pro_ishop .bottom .flex-item.bond {
|
||||
color: #2e8a11;
|
||||
border-color: #c6f6bc;
|
||||
background: #f6fdf4;
|
||||
}
|
||||
|
||||
.pro_ishop .bottom .flex-item .van-icon {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.pro_main {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
.pro_main .ul {
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
word-wrap: break-word;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.pro_info .table {
|
||||
border-right: 1px solid #f0f0f0;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.pro_info .table .td {
|
||||
padding: 8px 2px;
|
||||
border-left: 1px solid #f0f0f0;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.pro_info .table .tr .td {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.pro_info .gimg {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.lay_pic {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
background: url(https://statics.huzhan.com/image/lazyload.gif) center center no-repeat;
|
||||
background-size: .3rem .3rem;
|
||||
}
|
||||
|
||||
.pro_rule .item {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pro_rule .tit {
|
||||
display: block;
|
||||
border-bottom: 2px solid #eee;
|
||||
height: 28px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.pro_rule .h1 {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: 0 1px;
|
||||
font-weight: 700;
|
||||
border-bottom: 2px solid #f70;
|
||||
font-size: 16px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
bottom: -2px;
|
||||
}
|
||||
|
||||
.pro_rule .txt {
|
||||
display: block;
|
||||
color: #666;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.pro_rule .txt img {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.pro_table {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.pro_table .tit {
|
||||
text-align: justify;
|
||||
max-height: 44px;
|
||||
overflow: hidden;
|
||||
line-height: 22px;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.pro_table .row {
|
||||
background: #fafafa;
|
||||
margin: 0 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pro_table .list {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.pro_table .row:nth-child(even) {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.pro_table .row view {
|
||||
display: inline-block;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.pro_table .row .name {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.pro_table .row .money {
|
||||
color: #ff5000;
|
||||
}
|
||||
|
||||
.pro_table .row .money:before {
|
||||
content: "￥";
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pro_table .row .stats {
|
||||
margin: -2px 0;
|
||||
display: inline-block;
|
||||
color: #6a4;
|
||||
border: 1px solid #6a4;
|
||||
background: #eff;
|
||||
padding: 1px 5px;
|
||||
border-radius: 1px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.pro_table .row .stats.links {
|
||||
color: #498bf8;
|
||||
border-color: #71a3f5;
|
||||
background: #eef9ff;
|
||||
}
|
||||
|
||||
.pro_table .row .bid {
|
||||
display: inline-block;
|
||||
color: #6899ec;
|
||||
border: 2px dashed #6899ec;
|
||||
font-size: 12px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 1px;
|
||||
margin: -2px 0 0 5px;
|
||||
}
|
||||
|
||||
.bidTit {
|
||||
position: relative;
|
||||
color: #666;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
overflow: hidden;
|
||||
line-height: 34px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.bidTit .title {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
font-weight: 700;
|
||||
width: 90px;
|
||||
text-align: center;
|
||||
background: #ededed;
|
||||
}
|
||||
|
||||
.bidTit .total {
|
||||
color: #666;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.bidTit .van-radio {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.bidTit .goBid {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.bidTit .goBid>view {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
margin-left: 90px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.bidTit .goBid van-icon {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.bidInfo {
|
||||
background: #f5faff;
|
||||
border-top: 1px solid #d4e7f6;
|
||||
border-bottom: 1px solid #d4e7f6;
|
||||
text-align: center;
|
||||
margin: 10px 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.bidInfo .add {
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
color: #247fbd;
|
||||
}
|
||||
|
||||
.bidList .item {
|
||||
display: block;
|
||||
border: 1px solid #ededed;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.bidList .top {
|
||||
background: #f9f9f9;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.bidList .top .slink>navigator,.bidList .top .slink>view {
|
||||
font-size: .8rem;
|
||||
padding: 0 5px;
|
||||
text-align: center;
|
||||
line-height: 22px;
|
||||
background: #fff;
|
||||
border: 1px solid #ededed;
|
||||
color: #666;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.bidList .top .slink>navigator:first-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.bidList .avatar {
|
||||
background: #fff;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
padding: 1px;
|
||||
border: 1px solid #ededed;
|
||||
}
|
||||
|
||||
.bidList .binfo {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.bidList .binfo>view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bidList .binfo text {
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
color: #ff4800;
|
||||
font-size: 1.2rem;
|
||||
border: 1px solid #f60;
|
||||
background: #fffbfa;
|
||||
padding: 3px 6px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.bidList .binfo text.red {
|
||||
color: red;
|
||||
border: 1px solid #f10;
|
||||
}
|
||||
|
||||
.bidList .baction,.bidList .slink {
|
||||
max-width: 64px;
|
||||
}
|
||||
|
||||
.bidList .baction navigator {
|
||||
background: #f5faff;
|
||||
border: 1px solid #d4e7f6;
|
||||
color: #74b4ea;
|
||||
}
|
||||
|
||||
.bidList .baction .won {
|
||||
color: #eaa374;
|
||||
border-color: #ffe0cc;
|
||||
background: #fff8f4;
|
||||
}
|
||||
|
||||
.bidList .user {
|
||||
flex: 1;
|
||||
color: #666;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.bidList .user>view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bidList .user .name {
|
||||
font-size: 14px;
|
||||
padding-right: 3px;
|
||||
color: #247fbd;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.bidList .user .contact {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.bidList .body {
|
||||
padding: 10px 10px 0 10px;
|
||||
border-top: 1px dashed #ddd;
|
||||
background: #fff;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.bidList .bottom {
|
||||
background: #fff;
|
||||
padding: 0 10px 10px 10px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.bidList .bottom text {
|
||||
padding-right: 15px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.info-id {
|
||||
position: fixed;
|
||||
top: 45px;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #c0c0c0;
|
||||
}
|
||||
Reference in New Issue
Block a user