更换版本
This commit is contained in:
293
pages/home/carMessage/carMessage.js
Normal file
293
pages/home/carMessage/carMessage.js
Normal file
@@ -0,0 +1,293 @@
|
||||
var t;
|
||||
(t = getApp()),
|
||||
Page({
|
||||
data: {
|
||||
indicatorDots: !1,
|
||||
autoplay: !1,
|
||||
interval: 5e3,
|
||||
duration: 1e3,
|
||||
id: 0,
|
||||
carInfo: [],
|
||||
isShow: !1,
|
||||
follow_status: !1,
|
||||
swiperCurrent: 1,
|
||||
lunboLength: 0,
|
||||
imgUrls: [],
|
||||
share_id: 0,
|
||||
modleBlock: 0,
|
||||
mengcengBlock: 0,
|
||||
unitid: 123,
|
||||
appscene: 0,
|
||||
},
|
||||
changblock: function (t) {
|
||||
console.log(t.detail.current),
|
||||
this.setData({ swiperCurrent: 1 + t.detail.current });
|
||||
},
|
||||
mengceng_Block: function () {
|
||||
this.setData({ mengcengBlock: 1, modleBlock: 1 });
|
||||
},
|
||||
mengceng_none: function () {
|
||||
this.setData({ modleBlock: 0 });
|
||||
var t = this;
|
||||
setTimeout(function () {
|
||||
t.setData({ mengcengBlock: 0 });
|
||||
}, 700);
|
||||
},
|
||||
onLoad: function (a) {
|
||||
console.log(t.data.appscene),
|
||||
(1007 != t.data.appscene &&
|
||||
1008 != t.data.appscene &&
|
||||
1011 != t.data.appscene &&
|
||||
1012 != t.data.appscene &&
|
||||
1013 != t.data.appscene &&
|
||||
1014 != t.data.appscene) ||
|
||||
this.setData({ appscene: 1 }),
|
||||
this.setData({ lunboLength: this.data.imgUrls.length });
|
||||
var e = 0,
|
||||
n = decodeURIComponent(a.scene);
|
||||
console.log(n),
|
||||
n > 0 ? (e = n) : a.id > 0 && (e = a.id),
|
||||
(this.data.id = e),
|
||||
this._car_info(),
|
||||
this._info_set(0);
|
||||
},
|
||||
_info_set: function () {
|
||||
var a = this;
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: { m: "monai_market", r: "home.index.info_set" },
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
console.log(t),
|
||||
2 == t.data.data.flow_set &&
|
||||
"" != t.data.data.flow_set_id &&
|
||||
a.setData({ unitid: t.data.data.flow_set_id });
|
||||
},
|
||||
});
|
||||
},
|
||||
_car_info: function () {
|
||||
var a = this;
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: { m: "monai_market", r: "home.index.car_info", id: this.data.id },
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
var e = !1;
|
||||
if (t.data.data.follow && t.data.data.follow.length > 0) {
|
||||
var n = !0,
|
||||
i = !1,
|
||||
o = void 0;
|
||||
try {
|
||||
for (
|
||||
var s, r = t.data.data.follow[Symbol.iterator]();
|
||||
!(n = (s = r.next()).done);
|
||||
n = !0
|
||||
)
|
||||
if (s.value.uid == wx.getStorageSync("uid")) {
|
||||
e = !0;
|
||||
break;
|
||||
}
|
||||
} catch (t) {
|
||||
(i = !0), (o = t);
|
||||
} finally {
|
||||
try {
|
||||
!n && r.return && r.return();
|
||||
} finally {
|
||||
if (i) throw o;
|
||||
}
|
||||
}
|
||||
}
|
||||
var c = [],
|
||||
d = !0,
|
||||
u = !1,
|
||||
l = void 0;
|
||||
try {
|
||||
for (
|
||||
var f, g = t.data.data.image[Symbol.iterator]();
|
||||
!(d = (f = g.next()).done);
|
||||
d = !0
|
||||
) {
|
||||
var h = f.value;
|
||||
c.push(h.img_patch);
|
||||
}
|
||||
} catch (t) {
|
||||
(u = !0), (l = t);
|
||||
} finally {
|
||||
try {
|
||||
!d && g.return && g.return();
|
||||
} finally {
|
||||
if (u) throw l;
|
||||
}
|
||||
}
|
||||
a.setData({ carInfo: t.data.data, follow_status: e, imgUrls: c });
|
||||
},
|
||||
fail: function () {
|
||||
wx.showModal({
|
||||
title: "提示",
|
||||
content: "该商品或已下架！",
|
||||
showCancel: !1,
|
||||
success: function (t) {
|
||||
t.confirm && wx.navigateBack({});
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
daikuan: function () {
|
||||
wx.navigateTo({ url: "/pages/loan/index?carid=" + this.data.id });
|
||||
},
|
||||
hideDialog: function () {
|
||||
this.setData({ isShow: !this.data.isShow });
|
||||
},
|
||||
home: function () {
|
||||
wx.switchTab({ url: "/pages/index/index" });
|
||||
},
|
||||
updateUserInfo: function (a) {
|
||||
var e = this;
|
||||
t.util.getUserInfo(function (t) {
|
||||
wx.setStorageSync("uid", t.memberInfo.uid), e.hideDialog();
|
||||
}, a.detail);
|
||||
},
|
||||
onShareAppMessage: function (t) {
|
||||
return {
|
||||
title: this.data.carInfo.name,
|
||||
path:
|
||||
"/pages/home/carMessage/carMessage?id=" +
|
||||
this.data.id +
|
||||
"&share_id=1",
|
||||
success: function (t) {},
|
||||
fail: function (t) {},
|
||||
};
|
||||
},
|
||||
tel: function () {
|
||||
wx.makePhoneCall({
|
||||
phoneNumber: this.data.carInfo.phone,
|
||||
success: function () {},
|
||||
});
|
||||
},
|
||||
follow: function () {
|
||||
var a = this;
|
||||
t.util.getUserInfo(function (t) {
|
||||
t.memberInfo || that.setData({ isShow: !0 });
|
||||
}),
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
r: "me.follow",
|
||||
uid: t.getuid(),
|
||||
type: 2,
|
||||
ucar_id: this.data.carInfo.id,
|
||||
},
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
a.setData({
|
||||
follow_status: !a.data.follow_status,
|
||||
follow: t.data.data,
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
yan: function (a) {
|
||||
var e = t.getAttr(a, "form_type");
|
||||
wx.navigateTo({
|
||||
url:
|
||||
"/pages/home/jubao/jubao?car_uid=" +
|
||||
this.data.carInfo.uid +
|
||||
"&form_type=" +
|
||||
e +
|
||||
"&car_id=" +
|
||||
this.data.id,
|
||||
});
|
||||
},
|
||||
store: function (a) {
|
||||
var e = t.getAttr(a, "uid");
|
||||
wx.navigateTo({ url: "../../store/index?uid=" + e });
|
||||
},
|
||||
detile: function (a) {
|
||||
var e = t.getAttr(a, "id");
|
||||
wx.navigateTo({ url: "/pages/home/carMessage/carMessage?id=" + e });
|
||||
},
|
||||
company: function (a) {
|
||||
var e = t.getAttr(a, "x"),
|
||||
n = t.getAttr(a, "y"),
|
||||
i = t.getAttr(a, "name");
|
||||
e &&
|
||||
n &&
|
||||
wx.gLn({
|
||||
type: "gcj02",
|
||||
success: function (t) {
|
||||
wx.oLn({
|
||||
latitude: parseFloat(e),
|
||||
longitude: parseFloat(n),
|
||||
scale: 14,
|
||||
name: i,
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
previewImage: function (a) {
|
||||
var e = t.getAttr(a, "src"),
|
||||
n = [],
|
||||
i = !0,
|
||||
o = !1,
|
||||
s = void 0;
|
||||
try {
|
||||
for (
|
||||
var r, c = this.data.carInfo.image[Symbol.iterator]();
|
||||
!(i = (r = c.next()).done);
|
||||
i = !0
|
||||
) {
|
||||
var d = r.value;
|
||||
n.push(d.img_patch);
|
||||
}
|
||||
} catch (t) {
|
||||
(o = !0), (s = t);
|
||||
} finally {
|
||||
try {
|
||||
!i && c.return && c.return();
|
||||
} finally {
|
||||
if (o) throw s;
|
||||
}
|
||||
}
|
||||
wx.previewImage({ current: e, urls: n });
|
||||
},
|
||||
imgs: function (a) {
|
||||
var e = t.getAttr(a, "src"),
|
||||
n = this.data.imgUrls;
|
||||
wx.previewImage({ current: e, urls: n });
|
||||
},
|
||||
tomap: function () {
|
||||
var t = this;
|
||||
wx.getSetting({
|
||||
success: function (a) {
|
||||
a.authSetting["scope.userLocation"]
|
||||
? wx.cLn({
|
||||
success: function (a) {
|
||||
t.setData({
|
||||
mapx: a.latitude,
|
||||
mapy: a.longitude,
|
||||
mapname: a.address + a.name,
|
||||
});
|
||||
},
|
||||
})
|
||||
: wx.showModal({
|
||||
content: "请允许获取地理位置后再次尝试",
|
||||
success: function (t) {
|
||||
t.confirm
|
||||
? wx.openSetting({})
|
||||
: t.cancel && console.log("用户点击取消");
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
poster: function (t) {
|
||||
wx.navigateTo({ url: "../poster/index?carid=" + this.data.carInfo.id });
|
||||
},
|
||||
shouyewdj_btn: function () {
|
||||
console.log(123),
|
||||
wx.switchTab({ url: "/pages/index/index" }),
|
||||
(t.data.appscene = 0);
|
||||
},
|
||||
});
|
||||
1
pages/home/carMessage/carMessage.json
Normal file
1
pages/home/carMessage/carMessage.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "navigationBarTitleText": "汽车详情", "usingComponents": {} }
|
||||
139
pages/home/carMessage/carMessage.wxml
Normal file
139
pages/home/carMessage/carMessage.wxml
Normal file
@@ -0,0 +1,139 @@
|
||||
<swiper autoplay="{{autoplay}}" bindchange="changblock" class="solid_border" duration="{{duration}}" indicatorDots="{{indicatorDots}}" interval="{{interval}}">
|
||||
<swiper-item wx:for="{{imgUrls}}">
|
||||
<image bindtap="imgs" class="solid_border" data-index="{{index}}" data-src="{{item}}" mode="aspectFill" src="{{item}}"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="index">
|
||||
<text style="padding:1rpx 15rpx;background:rgba(0,0,0,0.4);border-radius: 100rpx;">浏览{{carInfo.browse}}次</text>
|
||||
<text style="padding:1rpx 22rpx;background:rgba(0,0,0,0.4);border-radius: 100rpx;float:right;display:block;line-height: 30rpx;margin-top:10rpx;">{{swiperCurrent}}/{{imgUrls.length}}</text>
|
||||
</view>
|
||||
<view class="car_title">【{{carInfo.name}}】 {{carInfo.km}}万公里 {{carInfo.agelimit==0?'全新车':'车龄 '+carInfo.agelimit+'年'}}</view>
|
||||
<view class="car_num">发布时间：{{carInfo.timestr}}</view>
|
||||
<view class="car_price">
|
||||
<text class="car_price_baojia">车主报价</text>
|
||||
<text class="car_price_num">{{carInfo.price}}</text>万 <button bindtap="store" class="index_modle_btn" data-uid="{{carInfo.uid}}">进店逛逛</button>
|
||||
<button bindtap="home" class="index_modle_btn" style="margin-right:30rpx;">返回首页</button>
|
||||
</view>
|
||||
<view class="top_nav"></view>
|
||||
<view bindtap="daikuan" class="daikuan_border">
|
||||
<image class="daikuan_border_img" src="../../image/daikuan.png"></image>贷款 <view class="daikuan_right">具体方案请咨询销售顾问 <image class="daikuan_right_img" src="../../image/jiantou_btn2.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modle_nav">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>服务保障</text>
|
||||
</view>
|
||||
<view class="choose_area">
|
||||
<view bindtap="toast_second" class="choose_area_modle" wx:for="{{carInfo.ensure}}" wx:key="4">
|
||||
<image class="choose_area_modle_img" src="{{item['image']}}"></image>
|
||||
<view class="choose_area_modle_title">{{item['name']}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modle_nav" style="border:none;padding-bottom:1.5rpx;">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>基本信息</text>
|
||||
</view>
|
||||
<view class="car_message car_message_index" wx:if="{{carInfo.km}}">
|
||||
<view class="car_message_top">表显里程</view>
|
||||
<view class="car_message_btm">{{carInfo.km}}万公里</view>
|
||||
</view>
|
||||
<view class="car_message car_message_second" wx:if="{{carInfo.year}}">
|
||||
<view class="car_message_top">上牌日期</view>
|
||||
<view class="car_message_btm">{{carInfo.year}}</view>
|
||||
</view>
|
||||
<view class="car_message car_message_index" wx:if="{{carInfo.gearbox}}">
|
||||
<view class="car_message_top">变速箱</view>
|
||||
<view class="car_message_btm">{{carInfo.gearbox}}</view>
|
||||
</view>
|
||||
<view class="car_message car_message_second" wx:if="{{carInfo.exhaust}}">
|
||||
<view class="car_message_top">排气量</view>
|
||||
<view class="car_message_btm">{{carInfo.exhaust}}</view>
|
||||
</view>
|
||||
<view class="car_message car_message_index" wx:if="{{carInfo.newm}}">
|
||||
<view class="car_message_top">新车落地</view>
|
||||
<view class="car_message_btm">{{carInfo.newm}}</view>
|
||||
</view>
|
||||
<view class="car_message car_message_second" wx:if="{{carInfo.price}}">
|
||||
<view class="car_message_top">当前售价</view>
|
||||
<view class="car_message_btm">{{carInfo.price}}</view>
|
||||
</view>
|
||||
<view class="car_message car_message_index" style="width:690rpx" wx:if="{{carInfo.caraddress}}">
|
||||
<view class="car_message_top">看车地点</view>
|
||||
<view class="car_message_btm_btm">{{carInfo.caraddress}}</view>
|
||||
</view>
|
||||
<view wx:if="{{carInfo.x&&carInfo.y}}">
|
||||
<view class="modle_nav" style="border:none;padding-bottom:1.5rpx;border-top:1rpx solid #f9f9f9;font-size: 24rpx;color: #333333;">
|
||||
<view class="daohang_text">
|
||||
<image class="modle_nav_dizhiImg" src="/pages/image/dingwei2_btn.png"></image>{{carInfo.caraddress}}</view>
|
||||
<button bindtap="company" class="index_modle_btn" data-name="{{carInfo.name}}" data-x="{{carInfo.x}}" data-y="{{carInfo.y}}" style="margin-top:17rpx;">快速导航</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav"></view>
|
||||
<view class="modle_nav">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>车辆介绍</text>
|
||||
</view>
|
||||
<view wx:for="{{carInfo.image}}">
|
||||
<image bindtap="previewImage" class="modle_nav_carImg" data-src="{{item.img_patch}}" mode="widthFix" src="{{item.img_patch}}"></image>
|
||||
<view class="jieshao_view" wx:if="{{item.intro}}"> {{item.intro}} </view>
|
||||
</view>
|
||||
<view class="guanggao" wx:if="{{unitid!=123}}">
|
||||
<ad unitId="{{unitid}}"></ad>
|
||||
</view>
|
||||
<view class="nav"></view>
|
||||
<view class="modle_nav">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>猜你喜欢</text>
|
||||
</view>
|
||||
<view class="modle" wx:for="{{carInfo.car_list}}" wx:for-index="indexs" wx:key="6">
|
||||
<view class="tuijian" wx:if="{{item['top_status']}}">推荐</view>
|
||||
<image bindtap="detile" class="modle_img" data-id="{{item.id}}" mode="aspectFill" src="{{item.carimg}}"></image>
|
||||
<view bindtap="detile" class="message_border" data-id="{{item.id}}">
|
||||
<view class="modle_name">
|
||||
<view class="ziying" wx:if="{{item.is_vip==1}}">认证车商</view>
|
||||
<view class="ziying" wx:if="{{item.uid==0}}">自营</view> {{item.name}} {{item.agelimit==0?'全新车':'车龄 '+item.agelimit+'年'}} {{item.exhaust}} {{item.gearbox==0?'手自一体':''}}{{item.gearbox==1?'手动档':''}}{{item.gearbox==2?'自动档':''}}</view>
|
||||
<view class="modle_chexing"> {{item.year}} | {{item.km}}万公里 </view>
|
||||
<view class="modle_price">{{item.price}}万 </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav"></view>
|
||||
<view class="modle_nav">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>交易提醒</text>
|
||||
</view>
|
||||
<view class="btm_message_border">
|
||||
<view class="btm_message">
|
||||
<text>{{carInfo.market.remind}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nav_nav"></view>
|
||||
<view class="btm_nav">
|
||||
<view bindtap="follow" class="btm_nav_small">
|
||||
<image class="btm_nav_small_img" hidden="{{follow_status}}" src="../../image/shoucangwdj_btn.png"></image>
|
||||
<image class="btm_nav_small_img" hidden="{{!follow_status}}" src="../../image/shoucangwdj_btn_copy.png"></image>
|
||||
<view class="btm_nav_small_title">收藏</view>
|
||||
</view>
|
||||
<view bindtap="yan" class="btm_nav_small" data-form_type="1">
|
||||
<image class="btm_nav_small_img" src="../../image/liuyan_btn.png"></image>
|
||||
<view class="btm_nav_small_title">留言</view>
|
||||
</view>
|
||||
<view bindtap="yan" class="btm_nav_small" data-form_type="2">
|
||||
<image class="btm_nav_small_img" src="../../image/jubao_btn.png"></image>
|
||||
<view class="btm_nav_small_title">举报</view>
|
||||
</view>
|
||||
<view bindtap="tel" class="btm_nav_big_index">电话联系</view>
|
||||
<button bindtap="mengceng_Block" class="btm_nav_big_second">立即分享 </button>
|
||||
</view>
|
||||
<view class="page" wx:if="{{mengcengBlock==1}}">
|
||||
<view bindtap="mengceng_none" class="click_none"></view>
|
||||
<view class="block_modle_view {{modleBlock==1?'modle_view_block':'modle_view_none'}}">
|
||||
<button class="block_modle_view_modle {{modleBlock==1?'modle_index_block':'modle_index_none'}}" openType="share">
|
||||
<image class="block_modle_view_modle_img" src="../../image/lijifenxiang.png"></image>
|
||||
<view class="block_modle_view_modle_title">立即分享</view>
|
||||
</button>
|
||||
<button bindtap="poster" class="block_modle_view_modle {{modleBlock==1?'modle_second_block':'modle_second_none'}}">
|
||||
<image class="block_modle_view_modle_img" src="../../image/shengchenghaibao.png"></image>
|
||||
<view class="block_modle_view_modle_title">生成海报</view>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
661
pages/home/carMessage/carMessage.wxss
Normal file
661
pages/home/carMessage/carMessage.wxss
Normal file
@@ -0,0 +1,661 @@
|
||||
.solid_border {
|
||||
height: 600rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.index {
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
left: 0;
|
||||
line-height: 50rpx;
|
||||
margin: -55rpx auto 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 690rpx;
|
||||
}
|
||||
.scroll_size {
|
||||
height: 375rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.car_title {
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.car_num,
|
||||
.car_title {
|
||||
margin-left: 30rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.car_num {
|
||||
color: #555;
|
||||
font-size: 26rpx;
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.car_price {
|
||||
color: #f75f5f;
|
||||
font-size: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 16rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.car_price_num {
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
padding-left: 15rpx;
|
||||
}
|
||||
.car_price_baojia {
|
||||
color: #737985;
|
||||
}
|
||||
.top_nav {
|
||||
border-bottom: 20rpx solid #f9f9f9;
|
||||
height: 36rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_nav {
|
||||
border-bottom: 1rpx solid #f9f9f9;
|
||||
color: #333;
|
||||
display: block;
|
||||
font-size: 30rpx;
|
||||
height: 87rpx;
|
||||
line-height: 87rpx;
|
||||
margin: 0 auto;
|
||||
padding-top: 1rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.modle_nav_carImg {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
margin: 20rpx 5%0 auto;
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_nav_biaoji {
|
||||
background: #3d61f0;
|
||||
border-right: 16rpx solid #fff;
|
||||
display: inline-block;
|
||||
height: 24rpx;
|
||||
margin-top: 32rpx;
|
||||
width: 6rpx;
|
||||
}
|
||||
.modle_nav_rightText {
|
||||
color: #9295a8;
|
||||
float: right;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.modle_nav_rightText_img {
|
||||
height: 30rpx;
|
||||
padding-right: 13rpx;
|
||||
vertical-align: middle;
|
||||
width: 30rpx;
|
||||
}
|
||||
.nav {
|
||||
background: #f9f9f9;
|
||||
height: 20rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.jieshao_view {
|
||||
color: #555;
|
||||
font-size: 28rpx;
|
||||
margin: 10rpx auto 0;
|
||||
padding-bottom: 10rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.nav_nav {
|
||||
height: 100rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.btm_nav {
|
||||
background: #fff;
|
||||
bottom: 0rpx;
|
||||
box-shadow: 0-1rpx 0 0 rgba(0, 0, 0, 0.1);
|
||||
height: 88rpx;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
}
|
||||
.btm_nav_small {
|
||||
color: #555;
|
||||
display: inline-block;
|
||||
font-size: 20rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
width: 17.333%;
|
||||
}
|
||||
.btm_nav_small_img {
|
||||
display: block;
|
||||
height: 40rpx;
|
||||
margin: 14rpx auto 0;
|
||||
width: 40rpx;
|
||||
}
|
||||
.btm_nav_small_title {
|
||||
color: #555;
|
||||
font-size: 20rpx;
|
||||
line-height: 35rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.btm_nav_big_index {
|
||||
background: #3d61f0;
|
||||
}
|
||||
.btm_nav_big_index,
|
||||
.btm_nav_big_second {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 28rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
width: 24%;
|
||||
}
|
||||
.btm_nav_big_second {
|
||||
background: #fb9145;
|
||||
border-radius: 0;
|
||||
}
|
||||
.choose_area {
|
||||
background: #fff;
|
||||
border-bottom: 20rpx solid #f9f9f9;
|
||||
margin-top: -30rpx;
|
||||
padding-bottom: 25rpx;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
.choose_area_modle {
|
||||
display: inline-block;
|
||||
margin-top: 30rpx;
|
||||
width: 25%;
|
||||
}
|
||||
.choose_area_modle_img {
|
||||
display: block;
|
||||
height: 58rpx;
|
||||
margin: 0 auto;
|
||||
width: 58rpx;
|
||||
}
|
||||
.choose_area_modle_title {
|
||||
color: #555;
|
||||
font-size: 24rpx;
|
||||
line-height: 50rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.car_message {
|
||||
display: inline-block;
|
||||
width: 320rpx;
|
||||
}
|
||||
.car_message_top {
|
||||
color: #9295a8;
|
||||
font-size: 24rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.car_message_btm {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.car_message_btm,
|
||||
.car_message_btm_btm {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
margin-top: 10rpx;
|
||||
padding-bottom: 30rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.car_message_index {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.car_message_second {
|
||||
margin-left: 76rpx;
|
||||
}
|
||||
.modle_nav_dizhiImg {
|
||||
height: 30rpx;
|
||||
margin-top: -5rpx;
|
||||
padding-right: 15rpx;
|
||||
vertical-align: middle;
|
||||
width: 30rpx;
|
||||
}
|
||||
.shop_modle {
|
||||
border-bottom: 1rpx solid #f9f9f9;
|
||||
margin-left: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
padding-top: 30rpx;
|
||||
width: 720rpx;
|
||||
}
|
||||
.shop_modle_left {
|
||||
display: inline-block;
|
||||
height: 180rpx;
|
||||
width: 180rpx;
|
||||
}
|
||||
.shop_modle_right {
|
||||
display: inline-block;
|
||||
padding-left: 20rpx;
|
||||
vertical-align: top;
|
||||
width: 495rpx;
|
||||
}
|
||||
.shop_modle_right_title {
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
width: 100%;
|
||||
}
|
||||
.shop_modle_right_title_left {
|
||||
color: #333;
|
||||
display: inline-block;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 70%;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.shop_modle_right_title_right {
|
||||
color: #f75f5f;
|
||||
float: right;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.shop_modle_area {
|
||||
color: #9295a8;
|
||||
font-size: 24rpx;
|
||||
margin-top: 10rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.shop_modle_area_dian {
|
||||
color: #f75f5f;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
.shop_modle_message {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
color: #555;
|
||||
display: -webkit-box;
|
||||
font-size: 28rpx;
|
||||
height: 80rpx;
|
||||
margin-top: 10rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
}
|
||||
.shop_modle_num {
|
||||
color: #9295a8;
|
||||
font-size: 24rpx;
|
||||
margin-top: 10rpx;
|
||||
width: 570rpx;
|
||||
}
|
||||
.btm_message_border {
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
.btm_message {
|
||||
color: #555;
|
||||
font-size: 28rpx;
|
||||
margin: 0 auto;
|
||||
width: 690rpx;
|
||||
}
|
||||
.index_modle_btn {
|
||||
background: rgba(10, 194, 174, 0.05);
|
||||
border: 1px solid #3d61f0;
|
||||
border-radius: 100rpx;
|
||||
color: #3d61f0;
|
||||
float: right;
|
||||
font-size: 24rpx;
|
||||
height: 54rpx;
|
||||
line-height: 52rpx;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 150rpx;
|
||||
}
|
||||
.daohang_text {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 490rpx;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.modle {
|
||||
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
height: 180rpx;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 30rpx;
|
||||
padding-top: 30rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.modle_img {
|
||||
background: #e0e0e0;
|
||||
border-radius: 10rpx;
|
||||
float: left;
|
||||
height: 180rpx;
|
||||
width: 270rpx;
|
||||
}
|
||||
.modle_name {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
color: #333;
|
||||
display: -webkit-box;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
overflow: hidden;
|
||||
padding-left: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_chexing {
|
||||
color: #7a7a7a;
|
||||
font-size: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.modle_chexing,
|
||||
.modle_price {
|
||||
overflow: hidden;
|
||||
padding-left: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.modle_price {
|
||||
bottom: 0rpx;
|
||||
color: #f75f5f;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
}
|
||||
.message_border {
|
||||
float: left;
|
||||
height: 180rpx;
|
||||
position: relative;
|
||||
width: 420rpx;
|
||||
}
|
||||
.ziying {
|
||||
background: #3d61f0;
|
||||
display: inline-block;
|
||||
margin-left: 10rpx;
|
||||
margin-top: -5rpx;
|
||||
vertical-align: middle;
|
||||
width: 80rpx;
|
||||
}
|
||||
.tuijian,
|
||||
.ziying {
|
||||
border-radius: 5rpx;
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
height: 30rpx;
|
||||
line-height: 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.tuijian {
|
||||
background: #ec6d6e;
|
||||
margin-top: 152rpx;
|
||||
position: absolute;
|
||||
width: 56rpx;
|
||||
}
|
||||
.btn_nav {
|
||||
height: 150rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.block_modle_view {
|
||||
background: #fff;
|
||||
bottom: 0rpx;
|
||||
font-size: 0;
|
||||
height: 300rpx;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
.block_modle_view_modle {
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
height: 299rpx;
|
||||
padding: 1rpx 0 0;
|
||||
vertical-align: top;
|
||||
width: 50%;
|
||||
}
|
||||
.block_modle_view_modle_img {
|
||||
border-radius: 100%;
|
||||
display: block;
|
||||
height: 120rpx;
|
||||
margin: 60rpx auto 0;
|
||||
width: 120rpx;
|
||||
}
|
||||
.block_modle_view_modle_title {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
margin-top: 20rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
.modle_view_block {
|
||||
-webkit-animation: modle_view_block 0.3s;
|
||||
bottom: 0rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_view_block {
|
||||
0% {
|
||||
bottom: -300rpx;
|
||||
}
|
||||
100% {
|
||||
bottom: 0rpx;
|
||||
}
|
||||
}
|
||||
.modle_view_none {
|
||||
-webkit-animation: modle_view_none 0.7s;
|
||||
bottom: -300rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_view_none {
|
||||
0% {
|
||||
bottom: 0rpx;
|
||||
}
|
||||
60% {
|
||||
bottom: 0rpx;
|
||||
}
|
||||
100% {
|
||||
bottom: -300rpx;
|
||||
}
|
||||
}
|
||||
.modle_index_block {
|
||||
-webkit-animation: modle_index_block 0.4s;
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_index_block {
|
||||
0% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
30% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
70% {
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
}
|
||||
.modle_second_block {
|
||||
-webkit-animation: modle_second_block 0.6s;
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_second_block {
|
||||
0% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
50% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
80% {
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
}
|
||||
.modle_third_block {
|
||||
-webkit-animation: modle_third_block 0.8s;
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_third_block {
|
||||
0% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
50% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
80% {
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
100% {
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
}
|
||||
.modle_index_none {
|
||||
-webkit-animation: modle_index_none 0.9s;
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_index_none {
|
||||
0% {
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
30% {
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
100% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
}
|
||||
.modle_second_none {
|
||||
-webkit-animation: modle_second_none 0.5s;
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_second_none {
|
||||
0% {
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
100% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
}
|
||||
.modle_third_none {
|
||||
-webkit-animation: modle_third_none 0.3s;
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
@-webkit-keyframes modle_third_none {
|
||||
0% {
|
||||
margin-top: 0rpx;
|
||||
}
|
||||
100% {
|
||||
margin-top: 300rpx;
|
||||
}
|
||||
}
|
||||
.btm_view {
|
||||
background: #fff;
|
||||
bottom: -1rpx;
|
||||
box-shadow: 0-4rpx 6rpx 0 rgba(0, 0, 0, 0.08);
|
||||
height: 98rpx;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
.btm_view_modle {
|
||||
display: inline-block;
|
||||
height: 98rpx;
|
||||
vertical-align: top;
|
||||
width: 33.33%;
|
||||
}
|
||||
.btm_view_modle_img {
|
||||
display: block;
|
||||
height: 48rpx;
|
||||
margin: 0 auto;
|
||||
padding-top: 10rpx;
|
||||
width: 48rpx;
|
||||
}
|
||||
.btm_view_modle_view {
|
||||
color: #555;
|
||||
font-size: 20rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.btm_view_modle_view_active {
|
||||
color: #ed553d;
|
||||
}
|
||||
.add_view {
|
||||
height: 150rpx;
|
||||
margin-left: 319rpx;
|
||||
margin-top: -150rpx;
|
||||
position: absolute;
|
||||
width: 112rpx;
|
||||
}
|
||||
.add_view_img {
|
||||
background: #fff;
|
||||
border-radius: 100%;
|
||||
box-shadow: 0-4rpx 6rpx 0 rgba(0, 0, 0, 0.08);
|
||||
height: 112rpx;
|
||||
width: 112rpx;
|
||||
}
|
||||
.add_view_title {
|
||||
color: #555;
|
||||
font-size: 20rpx;
|
||||
line-height: 10rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.page {
|
||||
z-index: 201;
|
||||
}
|
||||
.click_none,
|
||||
.page {
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.click_none {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.guanggao {
|
||||
border-top: 20rpx solid #f9f9f9;
|
||||
}
|
||||
.daikuan_border {
|
||||
border-bottom: 20rpx solid #f9f9f9;
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.daikuan_border_img {
|
||||
height: 50rpx;
|
||||
margin-top: -5rpx;
|
||||
padding-right: 15rpx;
|
||||
vertical-align: middle;
|
||||
width: 50rpx;
|
||||
}
|
||||
.daikuan_right {
|
||||
color: #666;
|
||||
float: right;
|
||||
font-size: 25rpx;
|
||||
line-height: 25rpx;
|
||||
margin-top: 5rpx;
|
||||
text-align: right;
|
||||
width: 390rpx;
|
||||
}
|
||||
.daikuan_right_img {
|
||||
height: 40rpx;
|
||||
margin-top: -5rpx;
|
||||
vertical-align: middle;
|
||||
width: 22rpx;
|
||||
}
|
||||
@@ -1,174 +0,0 @@
|
||||
var e = require("../../common/vendor.js"),
|
||||
n = require("../../hooks/onMounted.js"),
|
||||
t = require("../../hooks/onShow.js"),
|
||||
r = require("../../hooks/onShareAppMessage.js"),
|
||||
u = require("../../hooks/useState.js"),
|
||||
o = require("../../data/index.js"),
|
||||
i = require("../../utils/navigate.js"),
|
||||
a = require("../../service/index.js"),
|
||||
c = require("../../enums/index.js");
|
||||
require("../../utils/util.js"),
|
||||
require("../../constant/index.js"),
|
||||
require("../../config/index.js"),
|
||||
require("../../store/app/index.js"),
|
||||
require("../../utils/request.js"),
|
||||
Math || (e.unref(s) + e.unref(f))();
|
||||
var s = function () {
|
||||
return "../../components/popup-order/index.js";
|
||||
},
|
||||
f = function () {
|
||||
return "../../components/popup-coupon/index.js";
|
||||
},
|
||||
d = {
|
||||
__name: "index",
|
||||
setup: function (s) {
|
||||
var f = u.useState(),
|
||||
d = f.totalOrderNum,
|
||||
p = f.setTotalOrderNum,
|
||||
l = f.actionList,
|
||||
m = e.ref(!1),
|
||||
v = e.ref(""),
|
||||
h = e.ref(!1),
|
||||
g = e.ref(0),
|
||||
T = function () {
|
||||
var e = m.value || h.value;
|
||||
return "height: 100%; overflow: "
|
||||
.concat(e ? "hidden" : "visible", "; position: ")
|
||||
.concat(e ? "fixed" : "relative");
|
||||
},
|
||||
E = function () {
|
||||
a.getOrderNum().then(function (n) {
|
||||
var t = n.num;
|
||||
p({ totalOrderNum: t }),
|
||||
t > 0 && e.index.showTabBarRedDot({ index: 1 });
|
||||
});
|
||||
},
|
||||
j = function (e) {
|
||||
var n = e.url,
|
||||
t = e.params;
|
||||
i.navigateTo({ url: n, params: t });
|
||||
},
|
||||
x = function () {
|
||||
m.value = !1;
|
||||
},
|
||||
S = function () {
|
||||
(h.value = !1), g.value++;
|
||||
};
|
||||
return (
|
||||
n.onMounted(function () {
|
||||
e.index.$on("refreshOrderDetail", function (n) {
|
||||
return (function (n) {
|
||||
a.getOrderDetail({ order_no: n })
|
||||
.then(function (n) {
|
||||
var t = e._.find(n.productIdList, function (e) {
|
||||
return e.status === c.ProductStatusEnum.TO_BE_UPLOADED;
|
||||
});
|
||||
n.status === c.OrderStatusEnum.UNPAID
|
||||
? (v.value = "存在一笔待支付订单")
|
||||
: (v.value = t ? "存在待上传行驶证订单" : ""),
|
||||
(m.value = !!v.value);
|
||||
})
|
||||
.catch(function () {
|
||||
m.value = !1;
|
||||
});
|
||||
})(n);
|
||||
}),
|
||||
e.index.$on("refreshOrderNum", function () {
|
||||
0 === d.value && E();
|
||||
}),
|
||||
E(),
|
||||
g.value++;
|
||||
}, !1),
|
||||
t.onShow(function () {
|
||||
(!e.index.getStorageSync("fisrtIn") ||
|
||||
e.index.getStorageSync("fisrtIn") < 2) &&
|
||||
1 === g.value &&
|
||||
(setTimeout(function () {
|
||||
h.value = !0;
|
||||
}, 500),
|
||||
console.log("onShow"));
|
||||
}),
|
||||
r.onShareAppMessage(),
|
||||
function (n, t) {
|
||||
return e.e(
|
||||
{ a: T(), b: 0 === e.unref(l).length },
|
||||
0 === e.unref(l).length
|
||||
? {
|
||||
c: e.f([1, 2, 3, 4, 5, 6, 7, 8], function (e, n, t) {
|
||||
return { a: n };
|
||||
}),
|
||||
}
|
||||
: {},
|
||||
{ d: e.unref(l).length > 0 },
|
||||
e.unref(l).length > 0
|
||||
? {
|
||||
e: e.f(e.unref(l), function (n, t, r) {
|
||||
return e.e(
|
||||
{
|
||||
a: n.icon,
|
||||
b: e.t(n.name),
|
||||
c:
|
||||
n.params.productType ===
|
||||
e.unref(c.ProductTypeEnum).OVERALL,
|
||||
},
|
||||
(n.params.productType,
|
||||
e.unref(c.ProductTypeEnum).OVERALL,
|
||||
{}),
|
||||
{
|
||||
d:
|
||||
n.params.productType ===
|
||||
e.unref(c.ProductTypeEnum).VEHICLE_INFO,
|
||||
},
|
||||
(n.params.productType,
|
||||
e.unref(c.ProductTypeEnum).VEHICLE_INFO,
|
||||
{}),
|
||||
{
|
||||
e:
|
||||
n.params.productType ===
|
||||
e.unref(c.ProductTypeEnum).VEHICLE_STATUS,
|
||||
},
|
||||
(n.params.productType,
|
||||
e.unref(c.ProductTypeEnum).VEHICLE_STATUS,
|
||||
{}),
|
||||
{
|
||||
f: t,
|
||||
g: e.o(function (e) {
|
||||
return j(n);
|
||||
}, t),
|
||||
}
|
||||
);
|
||||
}),
|
||||
}
|
||||
: {},
|
||||
{
|
||||
f: e.f(e.unref(o.theActionList2), function (n, t, r) {
|
||||
return e.e(
|
||||
{ a: e.t(n.name), b: e.t(n.desc), c: n.icon, d: 0 === t },
|
||||
{},
|
||||
{ e: 1 === t },
|
||||
{},
|
||||
{
|
||||
f: t,
|
||||
g: e.n(t >= 2 ? "action-content2-item-top" : ""),
|
||||
h: e.n(0 === t ? "action-content2-item-0" : ""),
|
||||
i: e.n(1 === t ? "action-content2-item-1" : ""),
|
||||
j: e.n(2 === t ? "action-content2-item-2" : ""),
|
||||
k: e.n(3 === t ? "action-content2-item-3" : ""),
|
||||
l: e.o(function (e) {
|
||||
return j(n);
|
||||
}, t),
|
||||
}
|
||||
);
|
||||
}),
|
||||
g: e.o(x),
|
||||
h: e.p({ visible: m.value, title: v.value }),
|
||||
i: e.o(S),
|
||||
j: e.p({ visible: h.value }),
|
||||
}
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
},
|
||||
p = e._export_sfc(d, [["__scopeId", "data-v-45f75add"]]);
|
||||
(d.__runtimeHooks = 2), wx.createPage(p);
|
||||
@@ -1,9 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "首页",
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"usingComponents": {
|
||||
"popup-order": "../../components/popup-order/index",
|
||||
"popup-coupon": "../../components/popup-coupon/index"
|
||||
}
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
<page-meta class="data-v-45f75add" pageStyle="{{a}}"></page-meta>
|
||||
<view class="content data-v-45f75add">
|
||||
<image class="banner data-v-45f75add" src="/static/images/banner_home.png"></image>
|
||||
<text class="title data-v-45f75add">常用工具</text>
|
||||
<view class="action-skeletons data-v-45f75add" wx:if="{{b}}">
|
||||
<view class="action-skeletons-item data-v-45f75add" hoverClass="default-hover-class" hoverStayTime="100" wx:for="{{c}}" wx:key="a">
|
||||
<view class="action-skeletons-item-image data-v-45f75add"></view>
|
||||
<view class="action-skeletons-item-name data-v-45f75add"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="action-content1 data-v-45f75add" wx:if="{{d}}">
|
||||
<view bindtap="{{item.g}}" class="action-content1-item data-v-45f75add" hoverClass="default-hover-class" hoverStayTime="100" wx:for="{{e}}" wx:key="f">
|
||||
<view class="action-content1-item-image-content data-v-45f75add">
|
||||
<image class="action-content1-item-image data-v-45f75add" mode="widthFix" src="{{item.a}}"></image>
|
||||
</view>
|
||||
<text class="action-content1-item-name data-v-45f75add">{{item.b}}</text>
|
||||
<text class="tip tip-discount data-v-45f75add" wx:if="{{item.c}}">优惠</text>
|
||||
<text class="tip tip-free data-v-45f75add" wx:if="{{item.d}}">限免</text>
|
||||
<text class="tip tip-info data-v-45f75add" wx:if="{{item.e}}">违法+抵押</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="title data-v-45f75add">热门工具</text>
|
||||
<view class="action-content2 data-v-45f75add">
|
||||
<view bindtap="{{item.l}}" class="{{['action-content2-item','data-v-45f75add',item.g,item.h,item.i,item.j,item.k]}}" hoverClass="default-hover-class" hoverStayTime="100" wx:for="{{f}}" wx:key="f">
|
||||
<text class="action-content2-item-name data-v-45f75add">{{item.a}}</text>
|
||||
<text class="action-content2-item-desc data-v-45f75add">{{item.b}}</text>
|
||||
<image class="action-content2-item-image data-v-45f75add" src="{{item.c}}"></image>
|
||||
<view class="label data-v-45f75add" wx:if="{{item.d}}">
|
||||
<text class="label-text label-hot data-v-45f75add">热门</text>
|
||||
</view>
|
||||
<view class="label data-v-45f75add" wx:if="{{item.e}}">
|
||||
<text class="label-text label-free data-v-45f75add">限免</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<popup-order bind:__l="__l" bindclose="{{g}}" class="data-v-45f75add" uI="45f75add-0" uP="{{h}}" wx:if="{{h}}"></popup-order>
|
||||
<popup-coupon bind:__l="__l" bindclose="{{i}}" class="data-v-45f75add" uI="45f75add-1" uP="{{j}}" wx:if="{{j}}"></popup-coupon>
|
||||
</view>
|
||||
@@ -1,211 +0,0 @@
|
||||
label,
|
||||
scroll-view,
|
||||
swiper-item,
|
||||
view {
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-basis: auto;
|
||||
flex-direction: column;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
image,
|
||||
input,
|
||||
scroll-view,
|
||||
swiper,
|
||||
swiper-item,
|
||||
text,
|
||||
textarea,
|
||||
video,
|
||||
view {
|
||||
border: 0 solid #000;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
swiper-item {
|
||||
position: absolute;
|
||||
}
|
||||
button {
|
||||
margin: 0;
|
||||
}
|
||||
.content.data-v-45f75add {
|
||||
padding: 30rpx;
|
||||
}
|
||||
.banner.data-v-45f75add {
|
||||
border-radius: 12rpx;
|
||||
height: 258rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.title.data-v-45f75add {
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
margin: 30rpx 10rpx;
|
||||
}
|
||||
.action-skeletons.data-v-45f75add {
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
padding: 30rpx 0 10rpx;
|
||||
}
|
||||
.action-skeletons-item.data-v-45f75add {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 155rpx;
|
||||
position: relative;
|
||||
width: 171rpx;
|
||||
}
|
||||
.action-skeletons-item-image.data-v-45f75add {
|
||||
background: #f1f2f4;
|
||||
border-radius: 10rpx;
|
||||
height: 100rpx;
|
||||
width: 100rpx;
|
||||
}
|
||||
.action-skeletons-item-name.data-v-45f75add {
|
||||
background: #f1f2f4;
|
||||
border-radius: 5rpx;
|
||||
height: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
width: 100rpx;
|
||||
}
|
||||
.action-content1.data-v-45f75add {
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
padding: 10rpx 0 30rpx;
|
||||
}
|
||||
.action-content1-item.data-v-45f75add {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 155rpx;
|
||||
justify-content: flex-end;
|
||||
position: relative;
|
||||
width: 171rpx;
|
||||
}
|
||||
.action-content1-item-image-content.data-v-45f75add {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
height: 100rpx;
|
||||
justify-content: center;
|
||||
width: 100rpx;
|
||||
}
|
||||
.action-content1-item-image.data-v-45f75add {
|
||||
width: 100rpx;
|
||||
}
|
||||
.action-content1-item-name.data-v-45f75add {
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
height: 30rpx;
|
||||
}
|
||||
.tip.data-v-45f75add {
|
||||
border-radius: 6rpx;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
height: 28rpx;
|
||||
left: 57rpx;
|
||||
line-height: 28rpx;
|
||||
padding: 0 8rpx;
|
||||
position: absolute;
|
||||
top: 12rpx;
|
||||
}
|
||||
.tip-free.data-v-45f75add {
|
||||
background-color: #fe902e;
|
||||
}
|
||||
.tip-discount.data-v-45f75add {
|
||||
background-color: #f06a62;
|
||||
}
|
||||
.tip-info.data-v-45f75add {
|
||||
background-color: #ffa39e;
|
||||
left: 35rpx;
|
||||
}
|
||||
.action-content2.data-v-45f75add {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.action-content2-item.data-v-45f75add {
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
height: 200rpx;
|
||||
overflow: hidden;
|
||||
padding: 30rpx;
|
||||
position: relative;
|
||||
width: 335rpx;
|
||||
}
|
||||
.action-content2-item-0.data-v-45f75add {
|
||||
background-color: #f1f0fd;
|
||||
}
|
||||
.action-content2-item-1.data-v-45f75add {
|
||||
background-color: rgba(255, 249, 244, 0.886);
|
||||
}
|
||||
.action-content2-item-2.data-v-45f75add {
|
||||
background-color: rgba(140, 222, 162, 0.1);
|
||||
}
|
||||
.action-content2-item-3.data-v-45f75add {
|
||||
background-color: rgba(202, 234, 248, 0.255);
|
||||
}
|
||||
.action-content2-item-top.data-v-45f75add {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.action-content2-item-name.data-v-45f75add {
|
||||
color: #444;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.action-content2-item-desc.data-v-45f75add {
|
||||
color: #9a9a9a;
|
||||
font-size: 28rpx;
|
||||
margin-top: 5rpx;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.action-content2-item-image.data-v-45f75add {
|
||||
bottom: 0;
|
||||
height: 90rpx;
|
||||
opacity: 0.8;
|
||||
position: absolute;
|
||||
right: 10rpx;
|
||||
width: 90rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
.label.data-v-45f75add {
|
||||
align-items: flex-start;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.label-text.data-v-45f75add {
|
||||
background-color: #fcdede;
|
||||
border-radius: 6rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 700;
|
||||
height: 36rpx;
|
||||
line-height: 36rpx;
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
.label-free.data-v-45f75add {
|
||||
color: #fe902e;
|
||||
}
|
||||
.label-hot.data-v-45f75add {
|
||||
color: #f06a62;
|
||||
}
|
||||
.default-hover-class.data-v-45f75add {
|
||||
opacity: 0.8;
|
||||
}
|
||||
97
pages/home/index/index.js
Normal file
97
pages/home/index/index.js
Normal file
@@ -0,0 +1,97 @@
|
||||
var t;
|
||||
(t = getApp()),
|
||||
Page({
|
||||
data: {
|
||||
leftid: 1,
|
||||
check_name: "",
|
||||
carList: [],
|
||||
show: !0,
|
||||
name: "",
|
||||
title: "没有匹配结果，换个关键词吧！",
|
||||
plate_type: 1,
|
||||
},
|
||||
onLoad: function (t) {
|
||||
(this.data.name = t.name), this._list(), this._info_set();
|
||||
},
|
||||
_info_set: function () {
|
||||
var a = this;
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: { m: "monai_market", r: "home.index.info_set" },
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
2 == t.data.data.plate_type && a.setData({ plate_type: 2 });
|
||||
},
|
||||
});
|
||||
},
|
||||
_list: function () {
|
||||
var a = this;
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
r: "home.index.search_index",
|
||||
name: this.data.name,
|
||||
leftid: this.data.leftid++,
|
||||
},
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
var e;
|
||||
console.log(t),
|
||||
t.data.data.length > 0
|
||||
? ((e = a.data.carList).push.apply(
|
||||
e,
|
||||
(function (t) {
|
||||
if (Array.isArray(t)) {
|
||||
for (var a = 0, e = Array(t.length); a < t.length; a++)
|
||||
e[a] = t[a];
|
||||
return e;
|
||||
}
|
||||
return Array.from(t);
|
||||
})(t.data.data)
|
||||
),
|
||||
a.setData({ carList: a.data.carList }))
|
||||
: (a.data.show = !1);
|
||||
},
|
||||
});
|
||||
},
|
||||
onReachBottom: function () {
|
||||
this.data.show && this._list();
|
||||
},
|
||||
detile: function (a) {
|
||||
var e = t.getAttr(a, "id");
|
||||
wx.navigateTo({ url: "/pages/home/carMessage/carMessage?id=" + e });
|
||||
},
|
||||
previewImage: function (a) {
|
||||
var e = t.getAttr(a, "src"),
|
||||
r = t.getAttr(a, "index");
|
||||
console.log(r);
|
||||
var i = [],
|
||||
n = !0,
|
||||
s = !1,
|
||||
o = void 0;
|
||||
try {
|
||||
for (
|
||||
var c, d = this.data.carList[r].image[Symbol.iterator]();
|
||||
!(n = (c = d.next()).done);
|
||||
n = !0
|
||||
) {
|
||||
var l = c.value;
|
||||
i.push(l.img_patch);
|
||||
}
|
||||
} catch (a) {
|
||||
(s = !0), (o = a);
|
||||
} finally {
|
||||
try {
|
||||
!n && d.return && d.return();
|
||||
} finally {
|
||||
if (s) throw o;
|
||||
}
|
||||
}
|
||||
wx.previewImage({ current: e, urls: i });
|
||||
},
|
||||
store: function (a) {
|
||||
var e = t.getAttr(a, "uid");
|
||||
wx.navigateTo({ url: "/pages/store/index?uid=" + e });
|
||||
},
|
||||
});
|
||||
1
pages/home/index/index.json
Normal file
1
pages/home/index/index.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "navigationBarTitleText": "搜索列表", "usingComponents": {} }
|
||||
47
pages/home/index/index.wxml
Normal file
47
pages/home/index/index.wxml
Normal file
@@ -0,0 +1,47 @@
|
||||
<view wx:if="{{carList.length>0}}">
|
||||
<view class="shop_border">
|
||||
<view class="shop_modle" hidden="{{plate_type!=1}}" wx:for="{{carList}}" wx:for-index="indexs" wx:key="6">
|
||||
<view class="shop_modle_headImg_view">
|
||||
<image bindtap="store" class="shop_modle_headImg" data-uid="{{item.uid}}" src="{{item.head_image.head_image}}"></image>
|
||||
<view class="shop_modle_headImg_view_btmTextView" wx:if="{{item.top_status}}">推荐</view>
|
||||
</view>
|
||||
<view class="shop_modle_right">
|
||||
<view bindtap="detile" data-id="{{item.id}}">
|
||||
<view class="shop_modle_right_title">
|
||||
<text class="shop_modle_right_title_name">{{item.head_image.nickname?item.head_image.nickname:item.username}}</text>
|
||||
<text class="ziying" wx:if="{{item.uid==0}}">自营</text>
|
||||
<text class="shop_modle_right_title_right">{{item.price}}万</text>
|
||||
</view>
|
||||
<view class="shop_modle_message">
|
||||
<text style="font-weight:normal"></text> 【{{item.name}}】 {{item.km}}公里 {{item.agelimit==0?'全新车':'车龄 '+item.agelimit+'年'}}</view>
|
||||
<view class="shop_modle_area">
|
||||
<text class="shop_modle_area_dian">·</text>{{item.timestr}}·{{item.caraddress}}</view>
|
||||
</view>
|
||||
<scroll-view class="solid_modle_scroll" scrollX="true">
|
||||
<view class="solid_modle_scroll_modle" wx:for="{{item['image']}}">
|
||||
<image bindtap="previewImage" class="solid_modle_scroll_modle_img" data-index="{{index}}" data-src="{{item.img_patch}}" src="{{item.img_patch}}"></image>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="shop_modle_num">浏览 {{item.browse}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btm_nav"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modle" hidden="{{plate_type!=2}}" wx:for="{{carList}}" wx:for-index="indexs" wx:key="6">
|
||||
<view class="tuijian" wx:if="{{item['top_status']}}">推荐</view>
|
||||
<image bindtap="detile" class="modle_img" data-id="{{item.id}}" mode="aspectFill" src="{{item.carimg}}"></image>
|
||||
<view bindtap="detile" class="message_border" data-id="{{item.id}}">
|
||||
<view class="modle_name">
|
||||
<view class="ziying" wx:if="{{item.is_vip==1}}">认证车商</view>
|
||||
<view class="ziying" wx:if="{{item.uid==0}}">自营</view> {{item.name}} {{item.agelimit==0?'全新车':'车龄 '+item.agelimit+'年'}} {{item.exhaust}} {{item.gearbox==0?'手自一体':''}}{{item.gearbox==2?'手动档':''}}{{item.gearbox==2?'手自一体':''}}{{item.gearbox==2?'自动档':''}}</view>
|
||||
<view class="modle_chexing"> {{item.year}} | {{item.km}}万公里 </view>
|
||||
<view class="modle_price">{{item.price}}万 </view>
|
||||
</view>
|
||||
</view>
|
||||
<block wx:if="{{carList.length<=0}}">
|
||||
<import src="/pages/data_null/index.wxml"></import>
|
||||
<view>
|
||||
<template is="title" data="{{title:title}}"></template>
|
||||
</view>
|
||||
</block>
|
||||
462
pages/home/index/index.wxss
Normal file
462
pages/home/index/index.wxss
Normal file
@@ -0,0 +1,462 @@
|
||||
.serch_view,
|
||||
page {
|
||||
background: #fff;
|
||||
}
|
||||
.serch_view {
|
||||
padding-bottom: 10rpx;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
.serch_border {
|
||||
background: #f2f2f2;
|
||||
border-radius: 100px;
|
||||
display: inline-block;
|
||||
height: 60rpx;
|
||||
margin-left: 3%;
|
||||
margin-top: 14rpx;
|
||||
width: 94%;
|
||||
z-index: 10;
|
||||
}
|
||||
.serch_border_nav {
|
||||
height: 90rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.serch_border_img {
|
||||
border-right: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
float: left;
|
||||
height: 38rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 13rpx;
|
||||
padding-right: 10rpx;
|
||||
width: 38rpx;
|
||||
}
|
||||
.serch_border_text {
|
||||
color: #333;
|
||||
float: left;
|
||||
font-size: 24rpx;
|
||||
height: 60rpx;
|
||||
padding-left: 15rpx;
|
||||
width: 80%;
|
||||
}
|
||||
.scroll_size {
|
||||
height: 375rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.xiaoxi {
|
||||
background: #fff;
|
||||
border-bottom: 20rpx solid #f9f9f9;
|
||||
display: block;
|
||||
height: 80rpx;
|
||||
margin: 0 auto;
|
||||
padding-top: 1rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.xiaoxi_leftImg {
|
||||
float: left;
|
||||
height: 40rpx;
|
||||
margin-top: 20rpx;
|
||||
padding-left: 30rpx;
|
||||
padding-right: 15rpx;
|
||||
width: 40rpx;
|
||||
}
|
||||
.xiaoxi_right_btn {
|
||||
border: 1px solid #3d61f0;
|
||||
border-radius: 5rpx;
|
||||
color: #3d61f0;
|
||||
float: left;
|
||||
font-size: 24rpx;
|
||||
height: 45rpx;
|
||||
line-height: 45rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 17.5rpx;
|
||||
text-align: center;
|
||||
width: 100rpx;
|
||||
}
|
||||
.update_scroll_modle {
|
||||
color: #555;
|
||||
float: left;
|
||||
font-size: 24rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 505rpx;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.nav {
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
|
||||
height: 80rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.nav_modle {
|
||||
color: #b2b2b2;
|
||||
display: inline-block;
|
||||
font-size: 26rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
width: 20%;
|
||||
}
|
||||
.nav_modle_active {
|
||||
color: #3d61f0;
|
||||
}
|
||||
.nav_modle_img {
|
||||
height: 30rpx;
|
||||
padding-left: 10rpx;
|
||||
vertical-align: middle;
|
||||
width: 30rpx;
|
||||
}
|
||||
.shop_modle {
|
||||
margin-left: 30rpx;
|
||||
padding-top: 30rpx;
|
||||
width: 720rpx;
|
||||
}
|
||||
.shop_modle_left {
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
height: 100rpx;
|
||||
width: 100rpx;
|
||||
}
|
||||
.shop_modle_right {
|
||||
display: inline-block;
|
||||
padding-left: 20rpx;
|
||||
vertical-align: top;
|
||||
width: 570rpx;
|
||||
}
|
||||
.shop_modle_right_title {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.shop_modle_right_title_right {
|
||||
color: #f75f5f;
|
||||
float: right;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.shop_modle_area {
|
||||
color: #9295a8;
|
||||
font-size: 24rpx;
|
||||
margin-top: 10rpx;
|
||||
width: 570rpx;
|
||||
}
|
||||
.shop_modle_area_dian {
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
.shop_modle_area_dian,
|
||||
.shop_modle_message {
|
||||
color: #f75f5f;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.shop_modle_message,
|
||||
.shop_modle_num {
|
||||
margin-top: 10rpx;
|
||||
width: 570rpx;
|
||||
}
|
||||
.shop_modle_num {
|
||||
color: #9295a8;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.solid_modle_scroll_img {
|
||||
width: 100%;
|
||||
}
|
||||
.solid_modle_scroll {
|
||||
overflow-x: scroll;
|
||||
display: block;
|
||||
height: 180rpx;
|
||||
margin-top: 10rpx;
|
||||
white-space: nowrap;
|
||||
width: 600rpx;
|
||||
}
|
||||
.solid_modle_scroll_modle {
|
||||
display: inline-block;
|
||||
height: 180rpx;
|
||||
margin-left: 10rpx;
|
||||
width: 180rpx;
|
||||
}
|
||||
.solid_modle_scroll_modle_img {
|
||||
border-radius: 5rpx;
|
||||
height: 180rpx;
|
||||
width: 180rpx;
|
||||
}
|
||||
.btm_nav {
|
||||
height: 30rpx;
|
||||
width: 100%;
|
||||
}
|
||||
@-webkit-keyframes top {
|
||||
0% {
|
||||
top: 565rpx;
|
||||
}
|
||||
100% {
|
||||
top: 90rpx;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes down {
|
||||
0% {
|
||||
top: 90rpx;
|
||||
}
|
||||
100% {
|
||||
top: 565rpx;
|
||||
}
|
||||
}
|
||||
.shop_view {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
}
|
||||
.shop_border {
|
||||
width: 100%;
|
||||
}
|
||||
.shop_view_topactive {
|
||||
-webkit-animation: top 1s;
|
||||
top: 90rpx;
|
||||
}
|
||||
.shop_view_downactive {
|
||||
-webkit-animation: down 1s;
|
||||
top: 565rpx;
|
||||
}
|
||||
.nav_fenlei {
|
||||
background: #fff;
|
||||
padding-bottom: 20rpx;
|
||||
padding-top: 20rpx;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
.nav_fenlei_title {
|
||||
color: #333;
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.nav_fenlei_modle {
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
color: #555;
|
||||
display: inline-block;
|
||||
font-size: 24rpx;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
margin-left: 27rpx;
|
||||
margin-top: 20rpx;
|
||||
text-align: center;
|
||||
width: 150rpx;
|
||||
}
|
||||
.nav_fenlei_modle_img {
|
||||
display: block;
|
||||
height: 30rpx;
|
||||
margin-left: 120rpx;
|
||||
margin-top: 20rpx;
|
||||
position: absolute;
|
||||
width: 30rpx;
|
||||
}
|
||||
.nav_fenlei_modle_active {
|
||||
border: 1px solid #3d61f0;
|
||||
color: #3d61f0;
|
||||
}
|
||||
.nav_fenlei_mengceng {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 5;
|
||||
}
|
||||
.type_btn_border {
|
||||
border-top: 1rpx solid #f9f9f9;
|
||||
height: 90rpx;
|
||||
margin-left: 5%;
|
||||
margin-top: 20rpx;
|
||||
width: 90%;
|
||||
}
|
||||
.type_btn_border_index {
|
||||
background: #fff;
|
||||
border: 1rpx solid #f75f5f;
|
||||
border-radius: 0;
|
||||
color: #f75f5f;
|
||||
line-height: 48rpx;
|
||||
margin: 30rpx 0 0 100rpx;
|
||||
}
|
||||
.type_btn_border_index,
|
||||
.type_btn_border_second {
|
||||
float: left;
|
||||
font-size: 24rpx;
|
||||
height: 50rpx;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 150rpx;
|
||||
}
|
||||
.type_btn_border_second {
|
||||
background: #3d61f0;
|
||||
border-radius: 0;
|
||||
color: #fff;
|
||||
line-height: 50rpx;
|
||||
margin: 30rpx 0 0 210rpx;
|
||||
}
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
.paixu_modle {
|
||||
border-bottom: 1rpx solid #f9f9f9;
|
||||
color: #333;
|
||||
font-size: 24rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
margin-left: 5%;
|
||||
width: 90%;
|
||||
}
|
||||
.paixu_modle_img {
|
||||
float: right;
|
||||
height: 40rpx;
|
||||
margin-top: 20rpx;
|
||||
width: 40rpx;
|
||||
}
|
||||
.paixu_modle_active {
|
||||
color: #3d61f0;
|
||||
}
|
||||
.choose_view {
|
||||
background: #f2f2f2;
|
||||
padding: 1rpx 2% 12rpx;
|
||||
width: 96%;
|
||||
}
|
||||
.choose_view_modle {
|
||||
background: #fff;
|
||||
color: #555;
|
||||
display: inline-block;
|
||||
font-size: 24rpx;
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 15rpx;
|
||||
padding-left: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
.choose_view_modle_img {
|
||||
height: 20rpx;
|
||||
margin-left: 20rpx;
|
||||
vertical-align: middle;
|
||||
width: 20rpx;
|
||||
}
|
||||
.shop_modle_headImg_view {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
.shop_modle_headImg,
|
||||
.shop_modle_headImg_view {
|
||||
border-radius: 100%;
|
||||
height: 100rpx;
|
||||
width: 100rpx;
|
||||
}
|
||||
.shop_modle_headImg_view_btmTextView {
|
||||
background: #f5a623;
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
line-height: 28rpx;
|
||||
margin-top: -35rpx;
|
||||
overflow: hidden;
|
||||
padding-bottom: 10rpx;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 100rpx;
|
||||
}
|
||||
.ziying {
|
||||
height: 27rpx;
|
||||
line-height: 27rpx;
|
||||
margin-top: -20rpx;
|
||||
}
|
||||
.ziying:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.shop_modle_right_title_name {
|
||||
display: inline-block;
|
||||
max-width: 65%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.modle {
|
||||
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
height: 180rpx;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 30rpx;
|
||||
padding-top: 30rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.modle_img {
|
||||
background: #e0e0e0;
|
||||
border-radius: 10rpx;
|
||||
float: left;
|
||||
height: 180rpx;
|
||||
width: 270rpx;
|
||||
}
|
||||
.modle_name {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
color: #333;
|
||||
display: -webkit-box;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
overflow: hidden;
|
||||
padding-left: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_chexing {
|
||||
color: #7a7a7a;
|
||||
font-size: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.modle_chexing,
|
||||
.modle_price {
|
||||
overflow: hidden;
|
||||
padding-left: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.modle_price {
|
||||
bottom: 0rpx;
|
||||
color: #f75f5f;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
}
|
||||
.modle_price_ago {
|
||||
color: #7a7a7a;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
.modle_price_ago_fen {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.message_border {
|
||||
float: left;
|
||||
height: 180rpx;
|
||||
position: relative;
|
||||
width: 420rpx;
|
||||
}
|
||||
.ziying {
|
||||
background: #3d61f0;
|
||||
display: inline-block;
|
||||
margin-left: 10rpx;
|
||||
margin-top: -5rpx;
|
||||
vertical-align: middle;
|
||||
width: 80rpx;
|
||||
}
|
||||
.tuijian,
|
||||
.ziying {
|
||||
border-radius: 5rpx;
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
height: 30rpx;
|
||||
line-height: 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.tuijian {
|
||||
background: #ec6d6e;
|
||||
margin-top: 152rpx;
|
||||
position: absolute;
|
||||
width: 56rpx;
|
||||
}
|
||||
135
pages/home/jubao/jubao.js
Normal file
135
pages/home/jubao/jubao.js
Normal file
@@ -0,0 +1,135 @@
|
||||
var t;
|
||||
(t = getApp()),
|
||||
Page({
|
||||
data: {
|
||||
car_uid: 0,
|
||||
value: "",
|
||||
feedback_type: 1,
|
||||
isShow: !1,
|
||||
more_status: !0,
|
||||
items: [
|
||||
{ name: "虚假信息", checked: "true" },
|
||||
{ name: "广告" },
|
||||
{ name: "其他" },
|
||||
],
|
||||
leftid: 1,
|
||||
content: [],
|
||||
},
|
||||
onLoad: function (t) {
|
||||
console.log(t),
|
||||
t.form_type &&
|
||||
"undefined" != t.form_type &&
|
||||
this.setData({
|
||||
feedback_type: t.form_type,
|
||||
car_id: t.car_id,
|
||||
car_uid: t.car_uid,
|
||||
}),
|
||||
wx.getUserInfo({
|
||||
success: function (t) {
|
||||
console.log(t);
|
||||
},
|
||||
fail: function (t) {
|
||||
console.log(t);
|
||||
},
|
||||
}),
|
||||
wx.setNavigationBarTitle({
|
||||
title: 1 == this.data.feedback_type ? "留言商家" : "举报商家",
|
||||
}),
|
||||
this._stay();
|
||||
},
|
||||
_stay: function () {
|
||||
var a = this;
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
r: "home.index.stay",
|
||||
car_id: this.data.car_id,
|
||||
leftid: this.data.leftid++,
|
||||
},
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
var e;
|
||||
console.log(t),
|
||||
t.data.data.length > 0
|
||||
? (console.log(t),
|
||||
(e = a.data.content).push.apply(
|
||||
e,
|
||||
(function (t) {
|
||||
if (Array.isArray(t)) {
|
||||
for (var a = 0, e = Array(t.length); a < t.length; a++)
|
||||
e[a] = t[a];
|
||||
return e;
|
||||
}
|
||||
return Array.from(t);
|
||||
})(t.data.data)
|
||||
),
|
||||
a.setData({ content: a.data.content }))
|
||||
: a.setData({ more_status: !1 });
|
||||
},
|
||||
});
|
||||
},
|
||||
more: function () {
|
||||
this._stay();
|
||||
},
|
||||
formSubmit: function (a) {
|
||||
console.log(wx.getStorageSync("uid"));
|
||||
var e = a.detail.value,
|
||||
i = "";
|
||||
1 != this.data.feedback_type && (i = "[车辆信息]:" + this.data.value),
|
||||
e.content
|
||||
? t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
r: "home.index.word",
|
||||
content: e.content,
|
||||
car_uid: this.data.car_uid,
|
||||
car_info: i,
|
||||
feedback_type: this.data.feedback_type,
|
||||
uid: wx.getStorageSync("uid"),
|
||||
car_id: this.data.car_id,
|
||||
},
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
console.log(t),
|
||||
wx.showModal({
|
||||
title: "提示",
|
||||
content: "提交信息成功",
|
||||
showCancel: !1,
|
||||
success: function (t) {
|
||||
wx.navigateBack({});
|
||||
},
|
||||
});
|
||||
},
|
||||
})
|
||||
: wx.showModal({
|
||||
title: "提示",
|
||||
content: "内容不能为空！",
|
||||
showCancel: !1,
|
||||
success: function (t) {},
|
||||
});
|
||||
},
|
||||
radioChange: function (t) {
|
||||
0 == t.detail.value
|
||||
? (this.data.value = "虚假信息")
|
||||
: 1 == t.detail.value
|
||||
? (this.data.value = "广告")
|
||||
: 2 == t.detail.value && (this.data.value = "其他");
|
||||
},
|
||||
hideDialog: function () {
|
||||
this.setData({ isShow: !this.data.isShow });
|
||||
},
|
||||
onShow: function () {
|
||||
var a = this;
|
||||
t.util.getUserInfo(function (t) {
|
||||
(wx.getStorageSync("uid") && t.memberInfo) || a.setData({ isShow: !0 });
|
||||
});
|
||||
},
|
||||
updateUserInfo: function (a) {
|
||||
var e = this;
|
||||
t.util.getUserInfo(function (t) {
|
||||
wx.setStorageSync("uid", t.memberInfo.uid), e.hideDialog();
|
||||
}, a.detail);
|
||||
},
|
||||
});
|
||||
1
pages/home/jubao/jubao.json
Normal file
1
pages/home/jubao/jubao.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "usingComponents": {} }
|
||||
56
pages/home/jubao/jubao.wxml
Normal file
56
pages/home/jubao/jubao.wxml
Normal file
@@ -0,0 +1,56 @@
|
||||
<view wx:if="{{feedback_type!=1}}">
|
||||
<view class="banner" wx:if="{{feedback_type!=1}}">
|
||||
<view class="banner_top">
|
||||
<image class="banner_top_img" src="../../image/duigou_icn.png"></image> 请选择举报的理由</view>
|
||||
<view class="banner_bottom">本平台会坚决落实非法、虚假、色情等信息，你的举报我们会认真查实并根据平台协议进行落实！</view>
|
||||
</view>
|
||||
<view class="nav" wx:if="{{feedback_type!=1}}"></view>
|
||||
<view class="modle_nav" wx:if="{{feedback_type!=1}}">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>车辆信息</text>
|
||||
</view>
|
||||
<form bindsubmit="formSubmit">
|
||||
<radio-group bindchange="radioChange" wx:if="{{feedback_type!=1}}">
|
||||
<label wx:for="{{items}}" wx:key="1">
|
||||
<view class="modle_nav">
|
||||
<radio checked="{{item.checked}}" color="#3d61f0" value="{{index}}"></radio>
|
||||
<text>{{item.name}}</text>
|
||||
</view>
|
||||
</label>
|
||||
</radio-group>
|
||||
<view class="nav"></view>
|
||||
<view class="modle_nav">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>{{feedback_type==1?'留言内容':'举报理由'}}</text>
|
||||
</view>
|
||||
<textarea class="text_area" name="content" placeholder="{{feedback_type==1?'留言内容':'举报理由'}}（不少于20字）" placeholderStyle="color:9295A8"></textarea>
|
||||
<view class="btn_view">
|
||||
<button class="tijiao_btn tijiao_btn_active" formType="submit">提交</button>
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
<view wx:if="{{feedback_type==1}}">
|
||||
<view class="modle" wx:if="{{content.length>0}}" wx:for="{{content}}">
|
||||
<view class="modle_top">
|
||||
<image class="modle_top_img" src="{{item.head_image}}"></image>
|
||||
<view class="modle_top_text_index">{{item.nickname?item.nickname:'匿名留言'}}</view>
|
||||
<view class="modle_top_text_second">{{item.time}}</view>
|
||||
</view>
|
||||
<view class="modle_text">{{item.content}}</view>
|
||||
</view>
|
||||
<view bindtap="more" class="more" wx:if="{{more_status&&content.length>3}}">查看更多 <image class="more_img" src="/pages/image/lvsejtxx_btn.png"></image>
|
||||
</view>
|
||||
<view class="nav"></view>
|
||||
<form bindsubmit="formSubmit">
|
||||
<view class="modle_nav">
|
||||
<view class="modle_nav_biaoji"></view>
|
||||
<text>商家留言</text>
|
||||
</view>
|
||||
<textarea class="text_area" name="content" placeholder="{{feedback_type==1?'留言内容':'举报理由'}}（不少于20字）" placeholderStyle="color:9295A8"></textarea>
|
||||
<view class="btn_view">
|
||||
<button class="tijiao_btn tijiao_btn_active" formType="submit">提交</button>
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
<import src="/pages/alert/index.wxml"></import>
|
||||
<template is="alert" data="{{isShow:isShow}}"></template>
|
||||
171
pages/home/jubao/jubao.wxss
Normal file
171
pages/home/jubao/jubao.wxss
Normal file
@@ -0,0 +1,171 @@
|
||||
@import "/pages/alert/index.wxss";
|
||||
radio .wx-radio-input {
|
||||
border-radius: 50%;
|
||||
height: 35rpx;
|
||||
width: 35rpx;
|
||||
}
|
||||
radio .wx-radio-input.wx-radio-input-checked {
|
||||
background: red;
|
||||
border: none;
|
||||
}
|
||||
radio .wx-radio-input.wx-radio-input-checked::before {
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
font-size: 25rpx;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
text-align: center;
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
width: 40rpx;
|
||||
}
|
||||
.btn_view {
|
||||
background: #fff;
|
||||
border-top: 1rpx solid #f9f9f9;
|
||||
bottom: 0rpx;
|
||||
height: 140rpx;
|
||||
margin-top: 50rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.tijiao_btn {
|
||||
background: #b2b2b2;
|
||||
border-radius: 20rpx;
|
||||
bottom: 30rpx;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
margin: 0 0 0 5%;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
}
|
||||
.modle {
|
||||
border-bottom: 1rpx solid #f9f9f9;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 30rpx;
|
||||
padding-top: 30rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.modle_top {
|
||||
height: 72rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_top_img {
|
||||
border-radius: 100%;
|
||||
float: left;
|
||||
height: 72rpx;
|
||||
width: 72rpx;
|
||||
}
|
||||
.modle_top_text_index {
|
||||
color: #333;
|
||||
float: left;
|
||||
font-size: 28rpx;
|
||||
margin-left: 15rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
.modle_top_text_second {
|
||||
color: #9195a3;
|
||||
float: left;
|
||||
font-size: 20rpx;
|
||||
margin-left: 15rpx;
|
||||
margin-top: 3rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
.modle_text {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
margin-top: 18rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.banner {
|
||||
padding: 30rpx 5%;
|
||||
width: 90%;
|
||||
}
|
||||
.banner_top {
|
||||
color: #737985;
|
||||
font-size: 26rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.banner_top_img {
|
||||
height: 28rpx;
|
||||
margin-top: -5rpx;
|
||||
padding-right: 5rpx;
|
||||
vertical-align: middle;
|
||||
width: 28rpx;
|
||||
}
|
||||
.banner_bottom {
|
||||
color: #737985;
|
||||
font-size: 26rpx;
|
||||
margin-top: 16rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_nav {
|
||||
border-bottom: 1rpx solid #f9f9f9;
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
height: 87rpx;
|
||||
line-height: 87rpx;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
padding-top: 1rpx;
|
||||
width: 90%;
|
||||
}
|
||||
.modle_nav_biaoji {
|
||||
background: #3d61f0;
|
||||
border-right: 16rpx solid #fff;
|
||||
display: inline-block;
|
||||
height: 24rpx;
|
||||
margin-top: 32rpx;
|
||||
width: 6rpx;
|
||||
}
|
||||
.nav {
|
||||
background: #f9f9f9;
|
||||
height: 20rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.text_area {
|
||||
color: #333;
|
||||
font-size: 24rpx;
|
||||
height: 270rpx;
|
||||
margin-top: 30rpx;
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
width: 90%;
|
||||
}
|
||||
.chooseType_view {
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
left: 0rpx;
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
top: 0rpx;
|
||||
width: 100%;
|
||||
z-index: 25;
|
||||
}
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
.tijiao_btn_active {
|
||||
background: #3d61f0;
|
||||
}
|
||||
.btm_nav {
|
||||
height: 140rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.more {
|
||||
color: #3d61f0;
|
||||
font-size: 24rpx;
|
||||
padding-bottom: 20rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.more_img {
|
||||
height: 30rpx;
|
||||
margin-top: -5rpx;
|
||||
vertical-align: middle;
|
||||
width: 30rpx;
|
||||
}
|
||||
.modle:last-child {
|
||||
border: none;
|
||||
}
|
||||
81
pages/home/liuyan/liuyan.js
Normal file
81
pages/home/liuyan/liuyan.js
Normal file
@@ -0,0 +1,81 @@
|
||||
var t;
|
||||
(t = getApp()),
|
||||
Page({
|
||||
data: {
|
||||
leftid: 1,
|
||||
check_name: "",
|
||||
carList: [],
|
||||
show: !0,
|
||||
name: "",
|
||||
title: "暂无留言内容",
|
||||
},
|
||||
onLoad: function (t) {
|
||||
this._list();
|
||||
},
|
||||
_list: function () {
|
||||
var a = this;
|
||||
console.log(wx.getStorageSync("uid")),
|
||||
t.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
r: "home.index.wordList",
|
||||
car_uid: wx.getStorageSync("uid"),
|
||||
leftid: this.data.leftid++,
|
||||
},
|
||||
cachetime: "0",
|
||||
success: function (t) {
|
||||
if ((console.log(t.data), t.data.data.length > 0)) {
|
||||
var i;
|
||||
(i = a.data.carList).push.apply(
|
||||
i,
|
||||
(function (t) {
|
||||
if (Array.isArray(t)) {
|
||||
for (var a = 0, i = Array(t.length); a < t.length; a++)
|
||||
i[a] = t[a];
|
||||
return i;
|
||||
}
|
||||
return Array.from(t);
|
||||
})(t.data.data)
|
||||
);
|
||||
var r = !0,
|
||||
e = !1,
|
||||
n = void 0;
|
||||
try {
|
||||
for (
|
||||
var s, o = a.data.carList[Symbol.iterator]();
|
||||
!(r = (s = o.next()).done);
|
||||
r = !0
|
||||
) {
|
||||
var c = s.value,
|
||||
d = (28 * c.content.length) / 588;
|
||||
d < 3 ? (c.length = 2) : d > 3 && (c.length = 3);
|
||||
}
|
||||
} catch (t) {
|
||||
(e = !0), (n = t);
|
||||
} finally {
|
||||
try {
|
||||
!r && o.return && o.return();
|
||||
} finally {
|
||||
if (e) throw n;
|
||||
}
|
||||
}
|
||||
a.setData({ carList: a.data.carList });
|
||||
} else a.data.show = !1;
|
||||
},
|
||||
});
|
||||
},
|
||||
onReachBottom: function () {
|
||||
this.data.show && this._list();
|
||||
},
|
||||
clone: function (a) {
|
||||
var i = t.getAttr(a, "index");
|
||||
(this.data.carList[i].length = 3),
|
||||
this.setData({ carList: this.data.carList });
|
||||
},
|
||||
open: function (a) {
|
||||
var i = t.getAttr(a, "index");
|
||||
(this.data.carList[i].length = 4),
|
||||
this.setData({ carList: this.data.carList });
|
||||
},
|
||||
});
|
||||
1
pages/home/liuyan/liuyan.json
Normal file
1
pages/home/liuyan/liuyan.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "navigationBarTitleText": "用户留言", "usingComponents": {} }
|
||||
22
pages/home/liuyan/liuyan.wxml
Normal file
22
pages/home/liuyan/liuyan.wxml
Normal file
@@ -0,0 +1,22 @@
|
||||
<view wx:if="{{carList.length>0}}">
|
||||
<view class="modle_border">
|
||||
<view class="modle_view" wx:for="{{carList}}" wx:key="1">
|
||||
<view class="modle_jiantou"></view>
|
||||
<view class="modle_dian"></view>
|
||||
<view class="modle_view_title">时间：{{item.time}}</view>
|
||||
<view class="modle_view_name">昵称：{{item.nickname}}</view>
|
||||
<view class="modle_view_text {{item.length==3?'modle_view_text_overflow':''}}">{{item.content}}</view>
|
||||
<view bindtap="open" class="modle_view_more" data-index="{{index}}" wx:if="{{item.length==3}}">展开 <image class="modle_view_more_img" src="../../image/lvsejtxx_btn.png"></image>
|
||||
</view>
|
||||
<view bindtap="clone" class="modle_view_more" data-index="{{index}}" wx:if="{{item.length==4}}">收起 <image class="modle_view_more_img" src="../../image/lvsejtxx_btn.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="zhezhao"></view>
|
||||
</view>
|
||||
<block wx:else>
|
||||
<import src="/pages/data_null/index.wxml"></import>
|
||||
<view>
|
||||
<template is="title" data="{{title:title}}"></template>
|
||||
</view>
|
||||
</block>
|
||||
84
pages/home/liuyan/liuyan.wxss
Normal file
84
pages/home/liuyan/liuyan.wxss
Normal file
@@ -0,0 +1,84 @@
|
||||
page {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.modle_border {
|
||||
border-left: 1rpx solid #c6c6c6;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 60rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
.modle_view {
|
||||
background: #fff;
|
||||
border: 1rpx solid #ccc;
|
||||
border-radius: 20rpx;
|
||||
margin-left: 40rpx;
|
||||
margin-top: 40rpx;
|
||||
padding: 20rpx 30rpx;
|
||||
position: relative;
|
||||
width: 590rpx;
|
||||
z-index: 10;
|
||||
}
|
||||
.modle_view_name,
|
||||
.modle_view_title {
|
||||
color: #9295a8;
|
||||
font-size: 24rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_view_name {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.modle_view_text {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
margin-top: 10rpx;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_view_text_overflow {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
display: -webkit-box;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.modle_view_more {
|
||||
color: #3d61f0;
|
||||
font-size: 24rpx;
|
||||
margin-top: 25rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.modle_view_more_img {
|
||||
height: 30rpx;
|
||||
margin-top: -10rpx;
|
||||
vertical-align: middle;
|
||||
width: 30rpx;
|
||||
}
|
||||
.modle_jiantou {
|
||||
background: #fff;
|
||||
border-left: 1rpx solid #b2b2b2;
|
||||
border-radius: 5rpx;
|
||||
border-top: 1rpx solid #b2b2b2;
|
||||
height: 19rpx;
|
||||
margin-left: -38.5rpx;
|
||||
margin-top: 6rpx;
|
||||
position: absolute;
|
||||
transform: rotate(-45deg);
|
||||
width: 19rpx;
|
||||
}
|
||||
.modle_dian {
|
||||
background: #c6c6c6;
|
||||
border-radius: 100%;
|
||||
height: 15rpx;
|
||||
margin-left: -78rpx;
|
||||
margin-top: 8rpx;
|
||||
position: absolute;
|
||||
width: 15rpx;
|
||||
}
|
||||
.zhezhao {
|
||||
background: #f9f9f9;
|
||||
height: 50rpx;
|
||||
left: 12rpx;
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
width: 30rpx;
|
||||
}
|
||||
188
pages/home/poster/index.js
Normal file
188
pages/home/poster/index.js
Normal file
@@ -0,0 +1,188 @@
|
||||
var a;
|
||||
(a = getApp()),
|
||||
Page({
|
||||
data: {
|
||||
cvtype: !1,
|
||||
headimg: "",
|
||||
headtemp: "",
|
||||
carsimg: "",
|
||||
carstemp: "",
|
||||
qrcodeimg: "",
|
||||
qrcodetemp: "",
|
||||
nickname: "",
|
||||
propaganda1: "",
|
||||
propaganda11: "平台交易车",
|
||||
propaganda2: "",
|
||||
qrstr: "识别上方二维码，进入小程序查看车辆详情",
|
||||
makeinnum: 1,
|
||||
enddelimg: [],
|
||||
loaddata: "",
|
||||
isShow: !1,
|
||||
carid: "",
|
||||
tupianjiazai: 0,
|
||||
},
|
||||
hideDialog: function () {
|
||||
this.setData({ isShow: !this.data.isShow });
|
||||
},
|
||||
updateUserInfo: function (t) {
|
||||
var i = this;
|
||||
a.util.getUserInfo(function (a) {
|
||||
wx.setStorageSync("uid", a.memberInfo.uid), i.hideDialog(), i.reload();
|
||||
}, t.detail);
|
||||
},
|
||||
onLoad: function (t) {
|
||||
var i = this;
|
||||
i.setData({ carid: t.carid }),
|
||||
a.util.getUserInfo(function (a) {
|
||||
a.memberInfo ? i.reload() : i.setData({ isShow: !0 });
|
||||
});
|
||||
},
|
||||
onShow: function () {},
|
||||
reload: function () {
|
||||
var t = this,
|
||||
i = t.data.carid;
|
||||
a.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: {
|
||||
m: "monai_market",
|
||||
carid: i,
|
||||
uid: wx.getStorageSync("uid"),
|
||||
r: "sale.index.getcarimg111",
|
||||
},
|
||||
cachetime: "0",
|
||||
success: function (a) {
|
||||
"" != a.data.data.carimg
|
||||
? wx.downloadFile({
|
||||
url: t.backimg(a.data.data.carimg),
|
||||
success: function (a) {
|
||||
console.log(a),
|
||||
(t.data.carstemp = a.tempFilePath),
|
||||
t.setData({ tupianjiazai: t.data.tupianjiazai + 1 }),
|
||||
console.log(t.data.tupianjiazai);
|
||||
},
|
||||
fail: function () {
|
||||
(t.data.carstemp = "/pages/image/store_bg.png"),
|
||||
t.setData({ tupianjiazai: t.data.tupianjiazai + 1 }),
|
||||
console.log(t.data.tupianjiazai);
|
||||
},
|
||||
})
|
||||
: (t.data.carstemp = "/pages/image/store_bg.png"),
|
||||
wx.downloadFile({
|
||||
url: t.backimg(a.data.data.qrcode),
|
||||
success: function (a) {
|
||||
console.log(a),
|
||||
t.setData({ tupianjiazai: t.data.tupianjiazai + 1 }),
|
||||
console.log(t.data.tupianjiazai),
|
||||
(t.data.qrcodetemp = a.tempFilePath);
|
||||
},
|
||||
fail: function () {
|
||||
t.setData({ tupianjiazai: t.data.tupianjiazai + 1 }),
|
||||
console.log(t.data.tupianjiazai),
|
||||
(t.data.qrcodetemp = a.data.data.qrcode);
|
||||
},
|
||||
}),
|
||||
console.log(a.data.data.info),
|
||||
t.setData({
|
||||
propaganda1: a.data.data.info.one,
|
||||
propaganda2: a.data.data.info.two,
|
||||
headimg: a.data.data.headimg,
|
||||
carsimg: a.data.data.carimg
|
||||
? a.data.data.carimg
|
||||
: "/pages/image/store_bg.png",
|
||||
qrcodeimg: a.data.data.qrcode,
|
||||
});
|
||||
},
|
||||
fail: function (a) {
|
||||
wx.showModal({
|
||||
content: a.data.message,
|
||||
success: function () {
|
||||
5e3 == a.data.error && t.setData({ isShow: !0 }),
|
||||
wx.navigateBack({});
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
backimg: function (t) {
|
||||
return a.util.url("entry/wxapp/Api", {
|
||||
m: "monai_market",
|
||||
img: t,
|
||||
r: "sale.index.getthecarimg",
|
||||
});
|
||||
},
|
||||
makeinimg: function () {
|
||||
wx.showLoading({ title: "正在保存图片..." });
|
||||
var a = this;
|
||||
a.data.makeinnum > 1 ||
|
||||
((a.data.makeinnum = 2),
|
||||
wx.canvasToTempFilePath({
|
||||
canvasId: "show",
|
||||
success: function (t) {
|
||||
wx.saveImageToPhotosAlbum({
|
||||
filePath: t.tempFilePath,
|
||||
success: function () {
|
||||
(a.data.makeinnum = 1), console.log("成功");
|
||||
},
|
||||
fail: function () {
|
||||
(a.data.makeinnum = 1), console.log("shibai ");
|
||||
},
|
||||
});
|
||||
},
|
||||
}),
|
||||
setTimeout(function () {
|
||||
wx.hideLoading();
|
||||
}, 1e3));
|
||||
},
|
||||
makeimg: function (a) {
|
||||
var t = this,
|
||||
i = wx.createCanvasContext("show", t);
|
||||
wx.canvasPutImageData({
|
||||
canvasId: "show",
|
||||
x: 0,
|
||||
y: 0,
|
||||
width: 375,
|
||||
height: 560,
|
||||
success: function (a) {},
|
||||
}),
|
||||
i.setFillStyle("#DDDDDD"),
|
||||
i.fillRect(0, 0, 375, 560),
|
||||
i.rect(15, 15, 340, 530),
|
||||
i.setFillStyle("#FFFFFF"),
|
||||
i.fill();
|
||||
var e = t.data.carstemp;
|
||||
i.drawImage(e, 15, 15, 340, 240);
|
||||
var n = t.data.qrcodetemp;
|
||||
i.drawImage(n, 110, 310, 150, 150),
|
||||
(i.font = "normal bold 14px Microsoft YaHei"),
|
||||
i.setFillStyle("#000000"),
|
||||
i.setTextAlign("center"),
|
||||
i.fillText(t.data.propaganda1, 185, 280),
|
||||
(i.font = "normal normal 14px Microsoft YaHei"),
|
||||
i.fillText(t.data.propaganda2, 185, 310),
|
||||
(i.font = "normal normal 13px Microsoft YaHei"),
|
||||
i.setFillStyle("#666666"),
|
||||
i.fillText(t.data.qrstr, 185, 510),
|
||||
i.save(),
|
||||
i.beginPath(),
|
||||
i.arc(15, 254, 12, 0, 2 * Math.PI),
|
||||
i.setFillStyle("#DDDDDD"),
|
||||
i.fill(),
|
||||
i.clip(),
|
||||
i.restore(),
|
||||
i.save(),
|
||||
i.beginPath(),
|
||||
i.arc(355, 254, 12, 0, 2 * Math.PI),
|
||||
i.setFillStyle("#DDDDDD"),
|
||||
i.fill(),
|
||||
i.clip(),
|
||||
i.restore(),
|
||||
t.setData({ cvtype: !0 }),
|
||||
wx.drawCanvas({ canvasId: "show", actions: i.getActions() });
|
||||
},
|
||||
onReady: function () {},
|
||||
onHide: function () {},
|
||||
onUnload: function () {},
|
||||
onPullDownRefresh: function () {},
|
||||
onReachBottom: function () {},
|
||||
onShareAppMessage: function () {},
|
||||
});
|
||||
1
pages/home/poster/index.json
Normal file
1
pages/home/poster/index.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "navigationBarTitleText": " 车辆推广海报", "usingComponents": {} }
|
||||
20
pages/home/poster/index.wxml
Normal file
20
pages/home/poster/index.wxml
Normal file
@@ -0,0 +1,20 @@
|
||||
<form bindreset="formReset" bindsubmit="makeimg" reportSubmit="true" wx:if="{{!cvtype}}">
|
||||
<view class="page_modle">
|
||||
<view class="page_modle_top">
|
||||
<view class="page_modle_topview"></view>
|
||||
<image class="page_modle_topImg" src="{{carsimg}}"></image>
|
||||
</view>
|
||||
<view style=" font-size:28rpx;Text-Align:center">{{propaganda1}}</view>
|
||||
<view style=" font-size:28rpx;Text-Align:center">{{propaganda2}}</view>
|
||||
<image class="erweima" src="{{qrcodeimg}}"></image>
|
||||
<view class="tishi">{{qrstr}}</view>
|
||||
<button class="btn" formType="submit" wx:if="{{tupianjiazai==2}}">立即查看</button>
|
||||
<button class="btn" wx:if="{{tupianjiazai!=2}}">正在生成海报...</button>
|
||||
</view>
|
||||
<view class="left_dian"></view>
|
||||
<view class="left_dian_sec"></view>
|
||||
</form>
|
||||
<view wx:if="{{cvtype}}">
|
||||
<canvas canvasId="show" style="margin:0 auto;width: 370px; height: 560px;background-color:#fff;"></canvas>
|
||||
<button bindtap="makeinimg" class="btn">保存推广图片</button>
|
||||
</view>
|
||||
137
pages/home/poster/index.wxss
Normal file
137
pages/home/poster/index.wxss
Normal file
@@ -0,0 +1,137 @@
|
||||
page {
|
||||
background: #f9f9f9;
|
||||
height: 100%;
|
||||
}
|
||||
.button_imgsed {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
height: 85rpx;
|
||||
width: 80%;
|
||||
}
|
||||
.page_modle {
|
||||
background: #fff;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 9rpx 16rpx 0 rgba(0, 0, 0, 0.1);
|
||||
display: block;
|
||||
height: 96%;
|
||||
margin: 5%auto 0;
|
||||
overflow: hidden;
|
||||
width: 690rpx;
|
||||
}
|
||||
.page_modle_top,
|
||||
.page_modle_topImg {
|
||||
height: 510rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.page_modle_topview {
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
height: 410rpx;
|
||||
position: absolute;
|
||||
width: 690rpx;
|
||||
}
|
||||
.page_modle_topview_headImg {
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 100%;
|
||||
display: block;
|
||||
height: 90rpx;
|
||||
margin: 40rpx auto 0;
|
||||
width: 90rpx;
|
||||
}
|
||||
.page_modle_toptitle {
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
margin-top: 15rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.page_modle_radius {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 10rpx;
|
||||
display: block;
|
||||
margin: 40rpx auto 0;
|
||||
padding-bottom: 20rpx;
|
||||
padding-top: 20rpx;
|
||||
width: 600rpx;
|
||||
}
|
||||
.page_modle_radius_top {
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.page_modle_radius_btm,
|
||||
.page_modle_radius_top {
|
||||
color: #fff;
|
||||
margin-left: 5%;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
}
|
||||
.page_modle_radius_btm {
|
||||
font-size: 25rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.phone_view {
|
||||
background: #f8f8f8;
|
||||
border: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 10rpx;
|
||||
display: block;
|
||||
height: 72rpx;
|
||||
margin: 70rpx auto 0;
|
||||
width: 630rpx;
|
||||
}
|
||||
.phone_view_img {
|
||||
border-right: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
float: left;
|
||||
height: 43rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 16.5rpx;
|
||||
padding-right: 15rpx;
|
||||
width: 42rpx;
|
||||
}
|
||||
.phone_input {
|
||||
color: #333;
|
||||
font-size: 24rpx;
|
||||
height: 72rpx;
|
||||
line-height: 72rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.erweima {
|
||||
display: block;
|
||||
height: 300rpx;
|
||||
margin: 63rpx auto 0;
|
||||
width: 300rpx;
|
||||
}
|
||||
.tishi {
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
margin-top: 50rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.btn,
|
||||
.tishi {
|
||||
text-align: center;
|
||||
}
|
||||
.btn {
|
||||
background: #3d61f0;
|
||||
border-radius: 15rpx;
|
||||
color: #fff;
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
height: 72rpx;
|
||||
line-height: 72rpx;
|
||||
margin: 40rpx auto 0;
|
||||
width: 630rpx;
|
||||
}
|
||||
.left_dian {
|
||||
left: 15rpx;
|
||||
}
|
||||
.left_dian,
|
||||
.left_dian_sec {
|
||||
background: #f9f9f9;
|
||||
border-radius: 100%;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
top: 530rpx;
|
||||
width: 35rpx;
|
||||
}
|
||||
.left_dian_sec {
|
||||
right: 15rpx;
|
||||
}
|
||||
81
pages/home/searchShop/searchShop.js
Normal file
81
pages/home/searchShop/searchShop.js
Normal file
@@ -0,0 +1,81 @@
|
||||
var a;
|
||||
(a = getApp()),
|
||||
Page({
|
||||
data: {
|
||||
focus: !1,
|
||||
inputValue: "",
|
||||
heatShop: [],
|
||||
shop: [],
|
||||
res: [],
|
||||
heatShops: [],
|
||||
keywordArr: [],
|
||||
inputVal: "",
|
||||
},
|
||||
onLoad: function () {
|
||||
var e = this;
|
||||
a.siteInfo.uniacid,
|
||||
this.setData({ keywordArr: wx.getStorageSync("keywordArr") }),
|
||||
a.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: { m: "monai_market", r: "home.index.search_detail" },
|
||||
cachetime: "0",
|
||||
success: function (a) {
|
||||
console.log(a), e.setData({ shop: a.data.data });
|
||||
},
|
||||
});
|
||||
},
|
||||
bindKeyInput: function (e) {
|
||||
a.siteInfo.uniacid;
|
||||
for (
|
||||
var t = [], n = e.detail.value, r = this.data.shop, i = 0;
|
||||
i < r.length;
|
||||
i++
|
||||
)
|
||||
r[i].unickname.match(n) && t.push(r[i]);
|
||||
this.setData({ res: t, inputVal: n });
|
||||
},
|
||||
range: function () {
|
||||
var a,
|
||||
e,
|
||||
t = this.data.heatShops,
|
||||
n = t.length;
|
||||
if (n)
|
||||
for (; --n; )
|
||||
(a = t[(e = Math.floor(Math.random() * (n + 1)))]),
|
||||
(t[e] = t[n]),
|
||||
(t[n] = a);
|
||||
this.setData({ heatShop: t.slice(0, 7) });
|
||||
},
|
||||
searchPage: function (e) {
|
||||
var t = a.getAttr(e, "name");
|
||||
wx.navigateTo({ url: "/pages/home/index/index?name=" + t });
|
||||
},
|
||||
del: function () {
|
||||
wx.setStorageSync("keywordArr", []), this.setData({ keywordArr: [] });
|
||||
},
|
||||
formSubmit: function (a) {
|
||||
var e = wx.getStorageSync("keywordArr") || [],
|
||||
t = a.detail.value.name;
|
||||
if (e.length > 0)
|
||||
for (var n = 0; n < e.length; n++)
|
||||
if (e[n] == t.trim()) {
|
||||
e.splice(n, 1);
|
||||
break;
|
||||
}
|
||||
e.unshift(t),
|
||||
e.length >= 10 && e.pop(),
|
||||
wx.setStorageSync("keywordArr", e),
|
||||
this.setData({ keywordArr: e }),
|
||||
wx.navigateTo({ url: "/pages/home/index/index?name=" + t });
|
||||
},
|
||||
shop_id: function (a) {
|
||||
var e = a.detail.value.shopid;
|
||||
wx.navigateTo({ url: "/pages/home/carMessage/carMessage?id=" + e });
|
||||
},
|
||||
cant: function () {
|
||||
this.setData({ res: [], inputVal: "" });
|
||||
},
|
||||
click_val: function (a) {
|
||||
wx.navigateBack({});
|
||||
},
|
||||
});
|
||||
1
pages/home/searchShop/searchShop.json
Normal file
1
pages/home/searchShop/searchShop.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "navigationBarTitleText": "搜索", "usingComponents": {} }
|
||||
30
pages/home/searchShop/searchShop.wxml
Normal file
30
pages/home/searchShop/searchShop.wxml
Normal file
@@ -0,0 +1,30 @@
|
||||
<form bindsubmit="formSubmit">
|
||||
<view class="serch_view">
|
||||
<view class="serch_border">
|
||||
<image class="serch_border_img" src="../../image/sousuo_btn.png"></image>
|
||||
<input bindinput="bindKeyInput" class="serch_border_text" focus="{{true}}" name="name" placeholder="请输入关键字进行搜索" placeholderStyle="font-size: 24rpx;color: #B2B2B2;" type="text" value="{{inputVal}}"></input>
|
||||
</view>
|
||||
<button class="serch_border_btn btn_active" formType="submit" wx:if="{{inputVal}}">搜索</button>
|
||||
<button bindtap="click_val" class="serch_border_btn" wx:else>取消</button>
|
||||
<image bindtap="cant" class="close_img" src="../image/gb_btn.png" wx:if="{{inputVal}}"></image>
|
||||
</view>
|
||||
</form>
|
||||
<view class="mohu_border_view" wx:if="{{res.length>0}}">
|
||||
<view class="mohu_border">
|
||||
<view class="mohu_border_modle mohu_border_modle_first">搜索{{inputVal}}店铺</view>
|
||||
<form bindsubmit="shop_id" reportSubmit="true" wx:for="{{res}}">
|
||||
<input hidden="true" name="shopid" value="{{item.id}}"></input>
|
||||
<button class="mohu_border_modle" formType="submit">{{item.unickname}}</button>
|
||||
</form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="serch_nav"></view>
|
||||
<view class="biaoqian_border_all" wx:if="{{keywordArr.length>0}}">
|
||||
<view class="biaoqian_modle">
|
||||
<view class="biaoqian_title">历史搜索 <view bindtap="del" class="biaoqian_title_right">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="biaoqian_border">
|
||||
<view bindtap="searchPage" class="biaoqian" data-name="{{item}}" wx:for="{{keywordArr}}"> {{item}} </view>
|
||||
</view>
|
||||
</view>
|
||||
141
pages/home/searchShop/searchShop.wxss
Normal file
141
pages/home/searchShop/searchShop.wxss
Normal file
@@ -0,0 +1,141 @@
|
||||
page {
|
||||
background: #f0f0f0;
|
||||
height: 100%;
|
||||
}
|
||||
.serch_view {
|
||||
background: #fff;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
height: 68rpx;
|
||||
padding: 1rpx 3% 20rpx;
|
||||
position: fixed;
|
||||
width: 94%;
|
||||
}
|
||||
.serch_nav {
|
||||
height: 83rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.serch_border {
|
||||
background: #f5f5f5;
|
||||
border-radius: 100px;
|
||||
float: left;
|
||||
height: 60rpx;
|
||||
margin-top: 5rpx;
|
||||
width: 82%;
|
||||
}
|
||||
.serch_border_img {
|
||||
border-right: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
float: left;
|
||||
height: 38rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 13rpx;
|
||||
padding-right: 10rpx;
|
||||
width: 38rpx;
|
||||
}
|
||||
.serch_border_text {
|
||||
color: #b2b2b2;
|
||||
float: left;
|
||||
font-size: 24rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
padding-left: 15rpx;
|
||||
width: 76%;
|
||||
}
|
||||
.serch_border_btn {
|
||||
background: #f5f5f5;
|
||||
border: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 10rpx;
|
||||
color: #555;
|
||||
float: right;
|
||||
font-size: 24rpx;
|
||||
height: 60rpx;
|
||||
line-height: 58rpx;
|
||||
margin: 5rpx 0rpx 0rpx;
|
||||
padding: 0rpx;
|
||||
text-align: center;
|
||||
width: 100rpx;
|
||||
}
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
.biaoqian_border_all {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
}
|
||||
.biaoqian_modle {
|
||||
margin-left: 3%;
|
||||
margin-top: 10rpx;
|
||||
width: 94%;
|
||||
}
|
||||
.biaoqian_title {
|
||||
color: #555;
|
||||
font-size: 24rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.biaoqian_title_right {
|
||||
color: #f75f5f;
|
||||
float: right;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.biaoqian_border {
|
||||
padding-bottom: 20rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.biaoqian {
|
||||
background: #f5f5f5;
|
||||
border-radius: 10rpx;
|
||||
color: #555;
|
||||
display: inline-block;
|
||||
font-size: 24rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
padding: 5rpx 13rpx;
|
||||
}
|
||||
.biaoqian_nav {
|
||||
background: #f0f0f0;
|
||||
height: 7rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.mohu_border_view {
|
||||
background: #fff;
|
||||
height: 87%;
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
top: 92rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.mohu_border {
|
||||
background: #fff;
|
||||
margin-left: 5%;
|
||||
width: 90%;
|
||||
}
|
||||
.mohu_border_modle {
|
||||
background: #fff;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
color: #555;
|
||||
font-size: 28rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
.mohu_border_modle_first {
|
||||
color: #555;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.btn_active {
|
||||
background: #3d61f0;
|
||||
border-color: #3d61f0;
|
||||
color: #fff;
|
||||
}
|
||||
.close_img {
|
||||
display: block;
|
||||
height: 36rpx;
|
||||
position: fixed;
|
||||
right: 180rpx;
|
||||
top: 18rpx;
|
||||
width: 36rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user