XiaoMo/chache
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更换版本

Browse Source
This commit is contained in:
小陌
2024-01-22 18:48:00 +08:00
parent 9f65ea8fd9
commit 00e6dcaec0
1158 changed files with 70609 additions and 51780 deletions
Download Patch File Download Diff File Expand all files Collapse all files

570
pages/index/chars.js Normal file
View File

@@ -0,0 +1,570 @@
var t;
(t = getApp()),
Page({
data: {
isShow: !1,
parent_uid: 0,
is_ok: !1,
banner: [],
indicatorDots: !0,
autoplay: !0,
interval: 5e3,
duration: 1e3,
textJson: [],
textIndex: 0,
nav_choose: ["分类", "品牌", "年限", "公里数", "排序"],
active_index: 0,
sortArr: [
"最新发布",
"价格最低",
"价格最高",
"里程最少",
"年龄最短",
"距离最近",
],
km_arr: [
"0~3万",
"3~5万",
"5~10万",
"10~15万",
"15~20万",
"20~30万",
"30~50万",
"50万以上",
],
year_arr: ["全新车", "1~3年", "3~5年", "5~9年", "10年以上"],
index: 0,
fenlei_id: 0,
pinpai_id: 0,
nianxian_id: 0,
km_id: 0,
sort_id: 0,
car_year: "",
car_brand: "",
car_km: "",
car_class: "",
search_arr: [],
market: [],
brand: [],
check_name: "",
carList: [],
sort_show: !1,
leftid: 1,
show_new: !0,
brand_show: !1,
recom: 0,
home_arr: [],
brandname: "",
selectbrand: "",
brand_status: 0,
plate_type: 1,
scanReachBottom: !1,
unitid: 123,
latitude: 0,
longitude: 0,
region: ["", "", ""],
},
onLoad: function (a) {
console.log("uid", wx.getStorageSync("uid"));
var e = this;
a &&
a.scene &&
(e.setData({ parent_uid: a.scene }),
t.util.getUserInfo(function (t) {
wx.setStorageSync("uid", t.memberInfo.uid),
t.memberInfo ? e.firstin(t.memberInfo) : e.setData({ isShow: !0 });
})),
this._list(1),
this._notice(),
this._info_set(0);
},
changeurl: function (t) {
let a = {};
return (
t.replace(/([^?&]+)=([^?&]+)/g, function (t, e, i) {
return (a[e] = decodeURIComponent(i)), i + "=" + e;
}),
a
);
},
bindRegionChange: function (t) {
this.setData({ region: t.detail.value }), this._list(2);
},
hideDialog: function () {
this.setData({ isShow: !this.data.isShow });
},
updateUserInfo: function (a) {
var e = this;
t.util.getUserInfo(function (t) {
e.hideDialog(), e.firstin(t.memberInfo);
}, a.detail);
},
firstin: function (a) {
t.util.request({
url: "entry/wxapp/Api",
data: {
m: "monai_market",
r: "me.binding",
uid: a.uid,
head_image: a.avatar,
nickname: a.nickname,
parent_uid: this.data.parent_uid,
},
success: function (t) {},
});
},
_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.head_flow &&
"" != t.data.data.head_flow_id &&
a.setData({ unitid: t.data.data.head_flow_id });
},
});
},
_notice: function () {
var a = this;
t.util.request({
url: "entry/wxapp/Api",
data: { m: "monai_market", r: "home.index.home1" },
cachetime: "0",
success: function (t) {
console.log(t),
t.data.data.info_name.name &&
wx.setNavigationBarTitle({
title: t.data.data.info_name.name + "",
}),
1 == t.data.data.info_name.recom && a.is_home(),
2 == t.data.data.info_name.plate_type &&
a.setData({ plate_type: 2 }),
a.setData({
banner: t.data.data.banner,
market: t.data.data.market,
brand: t.data.data.brand,
textJson: t.data.data.notice,
info_name: t.data.data.info_name.name,
recom: t.data.data.info_name.recom,
});
},
});
},
ok: function () {
this.setData({ is_ok: !1 });
},
banner: function (a) {
var e = t.getAttr(a, "id"),
i = t.getAttr(a, "type");
console.log(i),
4 == i
? wx.navigateTo({ url: "/pages/mine/sale/index" })
: 5 == i
? wx.navigateTo({ url: "/pages/enter/enter" })
: 6 == i ||
(0 != e &&
wx.navigateTo({
url: "/pages/home/carMessage/carMessage?id=" + e,
}));
},
market_class: function (a) {
var e = t.getAttr(a, "active_index"),
i = !1;
this.data.active_index == e && ((e = 0), (i = !0)),
this.setData({
car_type: this.data.market,
brand_show: !1,
sort_show: !1,
active_index: e,
show_new: i,
});
},
market_brand: function (t) {
wx.navigateTo({ url: "../selectscards/index" });
},
car_detail: function (a) {
var e = !1,
i = t.getAttr(a, "active_index");
this.data.active_index == i && ((i = 0), (e = !0)),
this.setData({
is_ok: !0,
car_type: this.data.km_arr,
sort_show: !1,
show_new: e,
brand_show: !1,
active_index: i,
});
},
car_yer: function (a) {
var e = t.getAttr(a, "active_index");
this.data.active_index == e && (e = 0),
this.setData({
sort_show: !1,
car_type: this.data.year_arr,
active_index: e,
show_new: !1,
brand_show: !1,
});
},
navto: function (t) {
console.log(t);
var a = t.currentTarget.dataset.url;
wx.navigateTo({ url: a });
},
carList: function (a) {
var e = t.getAttr(a, "name"),
i = t.getAttr(a, "id");
if (1 == this.data.active_index)
(n = {
fenlei_id: i,
car_class: e,
active_index: 1,
mark: (d = "active_index1"),
check_name: e,
}),
(o = this.data.search_arr.filter(function (t) {
return t.mark != d;
})).push(n),
this.setData({
car_class: e,
fenlei_id: i,
check_name: e,
search_arr: o,
leftid: 1,
show_new: !0,
});
else if (2 == this.data.active_index) {
e = t.getAttr(a, "name");
var n = {
pinpai_id: (i = t.getAttr(a, "id")),
car_brand: e,
active_index: 2,
mark: (d = "active_index2"),
check_name: e,
};
(o = this.data.search_arr.filter(function (t) {
return t.mark != d;
})).push(n),
this.setData({
is_ok: !1,
car_brand: e,
pinpai_id: i,
search_arr: o,
leftid: 1,
show_new: !0,
brand_show: !1,
});
} else if (3 == this.data.active_index) {
var r = t.getAttr(a, "year");
(n = {
nianxian_id: (i = t.getAttr(a, "index")),
car_year: r,
active_index: 3,
mark: (d = "active_index3"),
check_name: r,
}),
(o = this.data.search_arr.filter(function (t) {
return t.mark != d;
})).push(n),
this.setData({
is_ok: !1,
car_year: r,
nianxian_id: 1 + parseInt(i),
search_arr: o,
leftid: 1,
show_new: !0,
});
} else if (4 == this.data.active_index) {
var s = t.getAttr(a, "km"),
d = "active_index4",
o =
((n = {
km_id: (i = t.getAttr(a, "index")),
car_km: s,
active_index: 4,
mark: d,
check_name: s,
}),
this.data.search_arr.filter(function (t) {
return t.mark != d;
}));
o.push(n),
this.setData({
is_ok: !1,
car_km: s,
km_id: 1 + parseInt(i),
search_arr: o,
leftid: 1,
show_new: !0,
});
}
this._list(1);
},
_list: function (a) {
var e = this;
1 == a
? this.setData({ carList: [] })
: 2 == a && this.setData({ carList: [], leftid: 1, show_new: !0 }),
this.setData({ active_index: 0 }),
t.util.request({
url: "entry/wxapp/Api",
data: {
m: "monai_market",
r: "home.index.carList",
fenlei_id: this.data.fenlei_id,
pinpai_id: this.data.pinpai_id,
nianxian_id: this.data.nianxian_id,
km_id: parseInt(this.data.km_id),
sort_id: this.data.sort_id,
leftid: this.data.leftid++,
latitude: this.data.latitude,
longitude: this.data.longitude,
province: this.data.region[0],
city: this.data.region[1],
district: this.data.region[2],
},
cachetime: "0",
success: function (t) {
var a;
t.data.data.length > 0
? ((a = e.data.carList).push.apply(
a,
(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)
),
e.setData({ scanReachBottom: !1 }),
e.setData({ is_ok: !1, carList: e.data.carList }))
: (e.setData({ scanReachBottom: !0 }), (e.data.show_new = !1));
},
});
},
clone: function (a) {
var e = t.getAttr(a, "index"),
i = this.data.search_arr;
1 == i[e].active_index
? this.setData({ fenlei_id: 0, check_name: "" })
: 2 == i[e].active_index
? this.setData({ pinpai_id: 0, car_brand: "" })
: 3 == i[e].active_index
? (this.setData({ nianxian_id: 0, car_year: "" }),
(this.data.nianxian_id = 0))
: 4 == i[e].active_index &&
(this.setData({ km_id: 0, car_km: "" }), (this.data.km_id = 0)),
i.splice(e, 1),
this.setData({ search_arr: i, active_index: 0, leftid: 1 }),
this._list(2);
},
active_nav: function (a) {
var e = t.getAttr(a, "active_index");
this.data.active_index != e
? this.setData({
sort_show: !0,
show_new: !1,
active_index: e,
brand_show: !1,
})
: this.setData({ sort_show: !1, active_index: 0, show_new: !1 });
},
sort_car: function (a) {
var e = t.getAttr(a, "index");
if ((this.setData({ sort_show: !1, is_ok: !1 }), 5 == e))
return this._distanceSort(e), !1;
this.setData({ sort_id: e }), this._list(2);
},
_distanceSort: function (t) {
var a = this;
if (
(a.setData({ active_index: 0 }),
0 !== a.data.latitude && 0 !== a.data.longitude)
)
return a.setData({ sort_id: t }), a._list(2), !1;
wx.gLn({
type: "gcj02",
success: function (e) {
a.setData({
latitude: e.latitude,
longitude: e.longitude,
sort_id: t,
}),
a._list(2);
},
fail: function (e) {
wx.openSetting({
success: function (e) {
e.authSetting["scope.userLocation"]
? wx.gLn({
type: "gcj02",
success: function (e) {
a.setData({
latitude: e.latitude,
longitude: e.longitude,
sort_id: t,
}),
a._list(2);
},
})
: wx.showModal({
content: "您未授权获取当前位置无法使用距离排序！",
showCancel: !1,
});
},
});
},
});
},
search: function () {
wx.navigateTo({ url: "../home/searchShop/searchShop" });
},
previewImage: function (a) {
var e = t.getAttr(a, "src"),
i = t.getAttr(a, "index"),
n = [],
r = !0,
s = !1,
d = void 0;
try {
for (
var o, c = this.data.carList[i].image[Symbol.iterator]();
!(r = (o = c.next()).done);
r = !0
) {
var _ = o.value;
n.push(_.img_patch);
}
} catch (a) {
(s = !0), (d = a);
} finally {
try {
!r && c.return && c.return();
} finally {
if (s) throw d;
}
}
wx.previewImage({ current: e, urls: n });
},
detile: function (a) {
var e = t.getAttr(a, "id");
wx.navigateTo({ url: "/pages/home/carMessage/carMessage?id=" + e });
},
onReachBottom: function () {
this.data.show_new && this._list(0);
},
onPullDownRefresh: function () {
var t = this;
setTimeout(function () {
wx.stopPullDownRefresh(),
t.setData({
is_ok: !1,
banner: [],
indicatorDots: !0,
autoplay: !0,
interval: 5e3,
duration: 1e3,
textJson: [],
textIndex: 0,
active_index: 0,
index: 0,
fenlei_id: 0,
pinpai_id: 0,
nianxian_id: 0,
km_id: 0,
sort_id: 0,
market: [],
brand: [],
car_year: "",
car_brand: "",
car_km: "",
car_class: "",
search_arr: [],
check_name: "",
carList: [],
sort_show: !1,
leftid: 1,
show_new: !0,
brand_show: !1,
}),
t.onLoad();
}, 1500);
},
can_1: function () {
this.setData({
is_ok: !1,
sort_show: !1,
active_index: 0,
show_new: !0,
brand_show: !1,
});
},
info_notice: function () {
wx.navigateTo({ url: "../dting/index" });
},
store: function (a) {
var e = t.getAttr(a, "uid");
wx.navigateTo({ url: "../store/index?uid=" + e });
},
onShareAppMessage: function (t) {
return {
title: this.data.info_name + "",
path: "/pages/index/index",
success: function (t) {},
fail: function (t) {},
};
},
is_home: function () {
var a = this;
t.util.request({
url: "entry/wxapp/Api",
data: { m: "monai_market", r: "home.index.is_home" },
cachetime: "0",
success: function (t) {
t.data.data.length > 0 && a.setData({ home_arr: t.data.data });
},
});
},
onShow: function () {
var t = this;
if (
(this.setData({ region: ["", "", ""] }),
"" != t.data.brandid &&
"" != t.data.brandname &&
1 == t.data.brand_status)
) {
var a = t.data.brandname,
e = t.data.brandid,
i = "active_index2",
n = {
pinpai_id: e,
car_brand: a,
active_index: 2,
mark: i,
check_name: a,
},
r = this.data.search_arr.filter(function (t) {
return t.mark != i;
});
r.push(n),
this.setData({
region: [],
is_ok: !1,
car_brand: a,
pinpai_id: e,
search_arr: r,
leftid: 1,
show_new: !0,
brand_show: !1,
brandid: 0,
brandname: "",
}),
this._list(1);
}
},
});

1
pages/index/chars.json Normal file
View File

@@ -0,0 +1 @@
{ "usingComponents": {} }

129
pages/index/chars.wxml Normal file
View File

@@ -0,0 +1,129 @@
<view class="serch_view">
<view class="serch_border_area">
<picker bindchange="bindRegionChange" class="serch_border_area_border" customItem="{{customItem}}" mode="region" value="{{region}}">
<view class="picker"> {{region[2]?region[2]:'全国'}} </view>
</picker>
<image class="serch_border_area_img" src="../image/dingweixjt_btn.png"></image>
</view>
<view class="serch_border">
<image class="serch_border_img" src="../image/sousuo_btn.png"></image>
<view bindtap="search" class="serch_border_text" placeholder="" placeholderStyle="font-size: 24rpx;color: #B2B2B2;" type="text">开始搜索全国二手车源</view>
</view>
</view>
<view class="serch_border_nav"></view>
<view wx:if="{{recom==1&&home_arr.length>0}}">
<view class="shangjia_solid_modle_scroll_title">推荐门店</view>
<scroll-view class="shangjia_solid_modle_scroll" scrollX="true">
<view class="shangjia_solid_modle_scroll_modle" wx:for="{{home_arr}}">
<image bindtap="store" class="shangjia_solid_modle_scroll_modle_img" data-uid="{{item.uid}}" mode="aspectFill" src="{{item.head_image}}"></image>
<view class="shangjia_solid_modle_scroll_modle_title">{{item.nickname}}</view>
<view class="shangjia_solid_modle_scroll_modle_price">平台推荐 <image class="shangjia_solid_modle_scroll_modle_priceimg" src="../image/zuanshi_icn.png"></image>
</view>
</view>
</scroll-view>
</view>
<view class="guanggao_view" wx:if="{{unitid!=123}}">
<ad unitId="{{unitid}}"></ad>
</view>
<view class="shop_view {{brand_show||active_index||sort_show?'shop_view_active':''}}">
<view class="nav">
<view bindtap="active_nav" class="nav_modle {{active_index==5?'nav_modle_active':''}}" data-active_index="5">排序 <image class="nav_modle_img" src="../image/{{active_index==5?'lvsejtxs_btn.png':'xiajiantou_btn.png'}}"></image>
</view>
<view bindtap="market_brand" class="nav_modle {{active_index==2?'nav_modle_active':''}}" data-active_index="2">品牌 <image class="nav_modle_img" src="../image/{{active_index==2?'lvsejtxs_btn.png':'xiajiantou_btn.png'}}"></image>
</view>
<view bindtap="car_yer" class="nav_modle {{active_index==3?'nav_modle_active':''}}" data-active_index="3">年限 <image class="nav_modle_img" src="../image/{{active_index==3?'lvsejtxs_btn.png':'xiajiantou_btn.png'}}"></image>
</view>
<view bindtap="market_class" class="nav_modle {{active_index==1?'nav_modle_active':''}}" data-active_index="1">分类 <image class="nav_modle_img" src="../image/{{active_index==1?'lvsejtxs_btn.png':'xiajiantou_btn.png'}}"></image>
</view>
<view bindtap="car_detail" class="nav_modle {{active_index==4?'nav_modle_active':''}}" data-active_index="4">价格 <image class="nav_modle_img" src="../image/{{active_index==4?'lvsejtxs_btn.png':'xiajiantou_btn.png'}}"></image>
</view>
</view>
<view class="choose_view">
<view bindtap="clone" class="choose_view_modle" data-index="{{index}}" wx:for="{{search_arr}}" wx:key="3">{{item.check_name}} <image class="choose_view_modle_img" src="../image/clone.png"></image>
</view>
</view>
<view wx:if="{{active_index!=0&&!brand_show}}">
<view class="nav_fenlei">
<view class="nav_fenlei_modle {{car_class!=''&&active_index==1||car_km!=''&&active_index==4||car_year!=''&&active_index==3?'':'nav_fenlei_modle_active'}}">不限</view>
<view bindtap="carList" class="nav_fenlei_modle {{check_name==item.name||car_km==item||car_year==item?'nav_fenlei_modle_active':''}}" data-id="{{item.id}}" data-index="{{index}}" data-km="{{item}}" data-name="{{item.name}}" data-year="{{item}}" wx:for="{{car_type}}" wx:key="4"> {{active_index==3?item:''}} {{active_index==4?item:''}} {{active_index!=4&&active_index!=3?item.name:''}} </view>
</view>
<view bindtap="can_1" class="nav_fenlei_mengceng"></view>
</view>
<view wx:if="{{sort_show}}">
<view class="nav_fenlei">
<view bindtap="sort_car" class="paixu_modle {{sort_id==index?'paixu_modle_active':''}}" data-index="{{index}}" wx:for="{{sortArr}}" wx:key="5">{{item}} <image class="paixu_modle_img" src="../image/duihao_icn.png" wx:if="{{sort_id==index}}"></image>
</view>
</view>
<view bindtap="can_1" class="nav_fenlei_mengceng" style="background:rgba(0,0,0,0.10)"></view>
</view>
<view class="choose_area" wx:if="{{brand_show}}">
<view class="pinpai_over">
<view bindtap="carList" class="choose_area_modle" data-id="{{item.id}}" data-index="{{index}}" data-name="{{item.name}}" wx:for="{{car_type}}">
<image class="choose_area_modle_img" src="{{item.brand_icon}}"></image>
<view class="choose_area_modle_title">{{item.name}}</view>
</view>
</view>
<view bindtap="can_1" class="nav_fenlei_mengceng"></view>
</view>
<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}}"></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.usersname?item.usersname:item.username}}</text>
<text class="ziying" wx:if="{{item.uid==0}}">自营</text>
<text class="ziying" wx:if="{{item.is_vip==1}}">认证车商</text>
<text class="shop_modle_right_title_right">{{item.price}}万</text>
</view>
<view class="shop_modle_message">
<text class="zhuanrang"></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!='undefined'?item.caraddress:''}}
</view>
</view>
<scroll-view class="solid_modle_scroll" scrollX="true">
<view class="solid_modle_scroll_modle" wx:for="{{item['image']}}" wx:key="v">
<image bindtap="previewImage" class="solid_modle_scroll_modle_img" data-index="{{indexs}}" data-src="{{item.img_patch}}" mode="aspectFill" src="{{item.img_patch}}"></image>
</view>
</scroll-view>
<view class="shop_modle_num"> 浏览{{item.browse}} <text style="float:right" wx:if="{{item.y>0&&item.x>0&&latitude>0&&longitude>0}}">
{{item.distance}}km
</text>
</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==1?'手动档':''}}{{item.gearbox==2?'自动档':''}}
</view>
<view class="modle_chexing"> {{item.year}} | {{item.km}}万公里 <text style="float:right" wx:if="{{item.y>0&&item.x>0&&latitude>0&&longitude>0}}">{{item.distance}}km</text>
</view>
<view class="modle_price">{{item.price}}万 </view>
</view>
</view>
<view class="end_none" wx:if="{{scanReachBottom}}">没有更多了...</view>
<view class="btm_nav"></view>
</view>
</view>
<navigator hoverClass="none" url="/pages/sale/index">
<view class="contact_box" style="background-color: rgba(102, 159, 224, 0.63);">
<view class="contact">
<view class="contact_icon">
<image class="weixin_icon" lazyLoad="{{true}}" mode="widthFix" src="/assets/images/ser-valuation@1.png" style="border-radius: 80rpx"></image>
</view>
<view class="contact_content"> 我要卖车，快速卖车</view>
<view class="contact_copy_box">
<view class="contact_copy">发布卖车</view>
</view>
</view>
</view>
</navigator>

841
pages/index/chars.wxss Normal file
View File

@@ -0,0 +1,841 @@
@import "/pages/alert/index.wxss";
.main_content,
page {
background: #fff;
}
.main_content {
box-sizing: border-box;
padding: 10rpx 25rpx;
width: 750rpx;
}
.module_box {
align-items: center;
height: 160rpx;
width: 700rpx;
}
.module_box,
.module_item {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.module_item {
background-image: url(https://api.ym23.com/addons/monai_market/static/icon/module_back.png);
background-repeat: no-repeat;
background-size: 220rpx 159rpx;
border-radius: 10px;
box-shadow: 0rpx 9rpx 18rpx 0rpx hsla(0, 33%, 90%, 0.5);
box-sizing: border-box;
flex-direction: column;
height: 159rpx;
margin-top: 30rpx;
padding: 20rpx;
width: 220rpx;
}
.module_name {
color: #fff;
font-size: 30rpx;
font-weight: 700;
height: 42rpx;
line-height: 42rpx;
}
.module_decs {
color: #fff;
font-size: 22rpx;
font-weight: 400;
height: 30rpx;
line-height: 30rpx;
}
.module_go {
display: -webkit-flex;
display: flex;
height: 25rpx;
justify-content: flex-end;
width: 180rpx;
}
.module_go_img {
height: 26rpx;
width: 26rpx;
}
.service_box,
.title_flag {
align-items: center;
display: -webkit-flex;
display: flex;
margin-top: 50rpx;
width: 700rpx;
}
.service_box {
flex-direction: row;
flex-wrap: wrap;
min-height: 160rpx;
}
.service_box,
.service_item {
justify-content: space-between;
}
.service_item {
align-items: center;
background: #e8f3fa;
border-radius: 5rpx;
box-shadow: 5rpx 1rpx 10rpx 0rpx rgba(198, 220, 239, 0.5);
box-sizing: border-box;
display: -webkit-flex;
display: flex;
height: 160rpx;
margin-bottom: 20rpx;
padding: 20rpx;
width: 340rpx;
}
.service_item_left {
height: 132rpx;
width: 168rpx;
}
.service_name {
font-size: 28rpx;
height: 35rpx;
line-height: 35rpx;
margin: 15rpx 0rpx 10rpx;
}
.service_desc,
.service_name {
color: #4867ba;
font-weight: 400;
}
.service_desc {
font-size: 20rpx;
height: 28rpx;
line-height: 28rpx;
}
.service_img_box,
.service_item_right {
height: 132rpx;
width: 132rpx;
}
.service_img_box {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.service_img {
height: 132rpx;
width: 132rpx;
}
.plate {
background: #fff;
height: auto;
margin: 0 auto;
padding-top: 2.66%;
width: 100%;
}
.plate_form,
.plate_form button {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plate_form button {
background: none;
}
.plate_form button::after {
border: none;
}
.plate > view {
border-radius: 10rpx;
height: 160rpx;
margin-bottom: 20rpx;
position: relative;
width: 46%;
}
.plate > view,
.plate > view view {
display: inline-block;
vertical-align: top;
}
.plate > view view:nth-child(1) {
height: 100%;
width: 70%;
}
.plate > view view:nth-child(2) {
height: 90%;
width: 30%;
}
.plate > view view image {
height: 80rpx;
left: 0;
width: 80rpx;
}
.plate > view:nth-child(even),
.plate > view:nth-child(odd) {
margin-left: 2.66%;
}
.plate > view view view:nth-child(1) {
color: #fff;
font-size: 32rpx;
font-weight: 700;
height: 80rpx;
line-height: 80rpx;
text-indent: 30rpx;
width: 100%;
}
.plate > view view view:nth-child(2) {
font-size: 20rpx;
height: 60rpx;
line-height: 60rpx;
width: 100%;
}
.plate > view view view text {
border: 2rpx solid #fff;
border-radius: 30rpx;
color: #fff;
margin-left: 20rpx;
padding: 7rpx 15rpx;
}
.big_border {
overflow-x: hidden;
width: 100%;
}
.advert {
height: 100%;
position: fixed;
width: 100%;
}
.title_flag {
color: #000;
font-size: 32rpx;
font-weight: 700;
height: 50rpx;
justify-content: flex-start;
line-height: 45rpx;
}
.search_info {
height: auto;
left: 181rpx;
top: 75rpx;
width: 576rpx;
z-index: 5000000000;
}
.loading {
background: #fff;
border-top: 1rpx solid #e5e5e5;
color: #999;
font-size: 28rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
width: 100%;
}
.loading image {
height: 15rpx;
width: 69rpx;
}
.serch_view {
background: #fff;
padding-bottom: 10rpx;
position: fixed;
width: 100%;
z-index: 10;
}
.serch_border {
background: #f2f2f2;
border-radius: 100px;
display: inline-block;
height: 60rpx;
margin-top: 14rpx;
width: 540rpx;
z-index: 10;
}
.serch_border_area {
color: #333;
font-size: 28rpx;
max-width: 160rpx;
padding-left: 30rpx;
}
.serch_border_area,
.serch_border_area_border {
display: inline-block;
height: 80rpx;
line-height: 80rpx;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.serch_border_area_border {
max-width: 118rpx;
}
.serch_border_area_img {
display: inline-block;
height: 30rpx;
margin-left: 10rpx;
vertical-align: middle;
width: 30rpx;
}
.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: #b2b2b2;
float: left;
font-size: 24rpx;
height: 60rpx;
line-height: 60rpx;
padding-left: 15rpx;
width: 80%;
}
.scroll_size {
height: 375rpx;
width: 100%;
}
.xiaoxi {
background: #fff;
border-bottom: 15rpx solid #f2f2f2;
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;
color: #3d61f0;
height: 45rpx;
}
.xiaoxi_right_btn,
.xiaoxi_right_btnb {
border-radius: 5rpx;
float: left;
font-size: 24rpx;
line-height: 45rpx;
margin-left: 30rpx;
margin-top: 17.5rpx;
text-align: center;
width: 100rpx;
}
.xiaoxi_right_btnb {
height: 5rpx;
}
.xiaoxi_zhezhao {
height: 80rpx;
left: 0;
position: absolute;
width: 590rpx;
z-index: 50;
}
.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: #555;
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;
}
.zhuanrang {
color: #f75f5f;
font-weight: 400;
}
.shop_modle {
margin-left: 30rpx;
padding-top: 30rpx;
width: 720rpx;
}
.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_name {
display: inline-block;
max-width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
}
.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_active {
background: #fff;
overflow: hidden;
}
.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;
max-height: 480rpx;
overflow-y: scroll;
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: 1rpx solid #e4e4e4;
color: #555;
display: inline-block;
font-size: 24rpx;
height: 50rpx;
line-height: 50rpx;
margin-left: 20rpx;
margin-top: 20rpx;
overflow: hidden;
padding-left: 20rpx;
padding-right: 20rpx;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 117rpx;
word-break: keep-all;
}
.nav_fenlei_modle_img {
display: block;
height: 30rpx;
margin-left: 128rpx;
margin-top: 21rpx;
position: absolute;
width: 30rpx;
}
.nav_fenlei_modle_active {
background: rgba(10, 194, 174, 0.1);
border: 1px solid #3d61f0;
color: #3d61f0;
}
.shop_view {
height: 840rpx;
width: 100%;
}
.nav_fenlei_mengceng {
background: rgba(0, 0, 0, 0.3);
height: 750rpx;
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 {
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;
}
.choose_area {
background: #fff;
padding-bottom: 20rpx;
position: relative;
width: 100%;
z-index: 10;
}
.choose_area_modle {
display: inline-block;
margin-top: 35rpx;
width: 20%;
}
.choose_area_modle_img {
display: block;
height: 50rpx;
margin: 0 auto;
width: 50rpx;
}
.choose_area_modle_title {
color: #555;
font-size: 24rpx;
margin-top: 14rpx;
padding-bottom: 35rpx;
text-align: center;
width: 100%;
}
.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 {
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;
}
.pinpai_over {
max-height: 420rpx;
overflow-y: scroll;
width: 100%;
}
.shangjia_solid_modle_scroll {
overflow-x: scroll;
background: #fff;
border-bottom: 12rpx solid #f2f2f2;
display: block;
padding-bottom: 20rpx;
padding-left: 10rpx;
white-space: nowrap;
width: 740rpx;
}
.shangjia_solid_modle_scroll_modle {
background: #fff;
display: inline-block;
margin-left: 20rpx;
width: 180rpx;
}
.shangjia_solid_modle_scroll_modle_img {
background: #e0e0e0;
border-radius: 10rpx;
display: block;
height: 180rpx;
margin: 0 auto;
width: 100%;
}
.shangjia_solid_modle_scroll_modle_title {
color: #666;
display: block;
float: left;
font-size: 26rpx;
font-weight: 700;
margin-top: 15rpx;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
word-break: keep-all;
}
.shangjia_solid_modle_scroll_modle_price {
color: #d39f43;
float: left;
font-size: 23rpx;
margin-top: 15rpx;
text-align: center;
width: 100%;
}
.shangjia_solid_modle_scroll_modle_priceimg {
height: 25rpx;
margin-top: -5rpx;
padding-left: 5rpx;
vertical-align: middle;
width: 25rpx;
}
.shangjia_solid_modle_scroll_title {
color: #333;
font-size: 30rpx;
font-weight: 700;
line-height: 80rpx;
margin-left: 5%;
width: 90%;
}
.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;
width: 96%;
}
.modle_chexing,
.modle_price {
overflow: hidden;
padding-left: 20rpx;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
}
.modle_price {
bottom: 0rpx;
color: #f75f5f;
font-size: 30rpx;
font-weight: 700;
position: absolute;
width: 100%;
}
.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:first-child {
margin-left: 0;
}
.end_none {
color: #8a8a8a;
font-size: 28rpx;
height: 100rpx;
line-height: 100rpx;
text-align: center;
width: 100%;
}
.guanggao_view {
border-bottom: 15rpx solid #f2f2f2;
}

501
pages/index/index.js Normal file
View File

@@ -0,0 +1,501 @@
var a, t;
(a = require("../../utils/data.js")),
(t = getApp()),
Page({
data: {
ioszf: 1,
ioskg: 1,
phone: t.globalData.myDevice.platform,
isShow: !1,
parent_uid: 0,
is_ok: !1,
banner: [],
indicatorDots: !0,
autoplay: !0,
interval: 5e3,
duration: 1e3,
textJson: [],
textIndex: 0,
show_new: !0,
brand_show: !1,
sort_show: !1,
keyword: "汽车用品",
appscene: 0,
currentData: 0,
active_index: 0,
page: 1,
index: 0,
fenlei_id: 0,
pinpai_id: 0,
nianxian_id: 0,
km_id: 0,
sort_id: 0,
car_year: "",
car_brand: "",
car_km: "",
car_class: "",
search_arr: [],
market: [],
brand: [],
check_name: "",
carList: [],
sort_show: !1,
leftid: 1,
show_new: !0,
brand_show: !1,
recom: 0,
home_arr: [],
brandname: "",
selectbrand: "",
brand_status: 0,
plate_type: 1,
scanReachBottom: !1,
unitid: 123,
latitude: 0,
longitude: 0,
region: ["", "", ""],
showPrivacy: t.globalData.showPrivacy,
banner: a.banner,
dhlist: a.index,
},
dcbg: function (a) {
wx.navigateTo({ url: "/packageA/pages/dcbg/incxjl" });
},
gscx: function (a) {
wx.navigateTo({ url: "/packageA/pages/gscx/incxjl" });
},
gslxcx: function (a) {
wx.navigateTo({ url: "/packageA/pages/gslxcx/incxjl" });
},
wncx: function (a) {
wx.navigateTo({ url: "/packageA/pages/wannen/incxjl?id=1307" });
},
syxcx: function (a) {
wx.navigateTo({ url: "/packageA/pages/carsyx/incxjl" });
},
onLoad: function (a) {
console.log("自动uid", wx.getStorageSync("uid")),
wx.getStorageSync("uid") ||
getApp()
.wxlogin()
.then((a) => {
console.log("回调数据：", a), this.setData({ showPrivacy: a });
}),
this.look();
var e = this;
a &&
a.scene &&
(e.setData({ parent_uid: a.scene }),
t.util.getUserInfo(function (a) {
wx.setStorageSync("uid", a.memberInfo.uid),
a.memberInfo ? e.firstin(a.memberInfo) : e.setData({ isShow: !0 });
})),
this._list(1),
wx.getPrivacySetting({
success: (a) => {
console.log(a),
a.needAuthorization
? this.setData({ showPrivacy: !0 })
: this.setData({ showPrivacy: !1 });
},
fail: () => {},
complete: () => {},
});
},
handleAgreePrivacyAuthorization() {
this.setData({ showPrivacy: !1 }),
wx.getStorageSync("uid") || getApp().wxlogin(),
this.look(),
wx.showToast({
title: "感谢您的同意，请开始使用~",
icon: "none",
duration: 2e3,
});
},
handleOpenPrivacyContract() {
wx.openPrivacyContract({
success: () => {},
fail: () => {},
complete: () => {},
});
},
info_notice: function () {
wx.navigateTo({ url: "../dting/index" });
},
changeurl: function (a) {
let t = {};
return (
a.replace(/([^?&]+)=([^?&]+)/g, function (a, e, i) {
return (t[e] = decodeURIComponent(i)), i + "=" + e;
}),
t
);
},
bindRegionChange: function (a) {
this.setData({ region: a.detail.value }), this._list(2);
},
hideDialog: function () {
this.setData({ isShow: !this.data.isShow });
},
updateUserInfo: function (a) {
var e = this;
t.util.getUserInfo(function (a) {
e.hideDialog(), e.firstin(a.memberInfo);
}, a.detail);
},
firstin: function (a) {
t.util.request({
url: "entry/wxapp/Api",
data: {
m: "monai_market",
r: "me.binding",
uid: a.uid,
head_image: a.avatar,
nickname: a.nickname,
parent_uid: this.data.parent_uid,
},
success: function (a) {},
});
},
_notice: function () {
var a = this;
t.util.request({
url: "entry/wxapp/Api",
data: { m: "monai_market", r: "home.index.home1" },
cachetime: "0",
success: function (t) {
console.log(t),
t.data.data.info_name.name &&
wx.setNavigationBarTitle({
title: t.data.data.info_name.name + "",
}),
1 == t.data.data.info_name.recom &&
2 == t.data.data.info_name.plate_type &&
a.setData({ plate_type: 2 }),
a.setData({
ioszf: t.data.data.info_name.ioszf,
banner: t.data.data.banner,
market: t.data.data.market,
brand: t.data.data.brand,
textJson: t.data.data.notice,
info_name: t.data.data.info_name.name,
recom: t.data.data.info_name.recom,
info: t.data.data.info_name,
dhlist: t.data.data.dhdata,
});
},
});
},
ok: function () {
this.setData({ is_ok: !1 });
},
banner: function (a) {
var e = t.getAttr(a, "id"),
i = t.getAttr(a, "type");
console.log(i),
4 == i
? wx.navigateTo({ url: "/pages/mine/sale/index" })
: 5 == i
? wx.navigateTo({ url: "/pages/enter/enter" })
: 6 == i ||
(0 != e &&
wx.navigateTo({
url: "/pages/home/carMessage/carMessage?id=" + e,
}));
},
market_class: function (a) {
var e = t.getAttr(a, "active_index"),
i = !1;
this.data.active_index == e && ((e = 0), (i = !0)),
this.setData({
car_type: this.data.market,
brand_show: !1,
sort_show: !1,
active_index: e,
show_new: i,
});
},
market_brand: function (a) {
wx.navigateTo({ url: "../selectscards/index" });
},
navtonew: function (a) {
console.log(a);
var t = a.currentTarget.dataset.url,
e = a.currentTarget.dataset.appid,
i = a.currentTarget.dataset.tzpage,
n = a.currentTarget.dataset.nbpage,
r = a.currentTarget.dataset.id;
"ios" != this.data.phone || 0 != this.data.ioszf
? n
? wx.navigateTo({ url: n + "?id=" + r })
: e
? wx.navigateToMiniProgram({
appId: e,
path: i,
extarData: { open: "happy" },
envVersion: "release",
success(a) {},
})
: t && wx.navigateTo({ url: "/pages/website/website?url=" + t })
: wx.showModal({
title: "温馨提示",
content: "由于相关规范，iOS功能暂不可用",
success: function (a) {
a.confirm
? console.log("点击确认回调")
: console.log("点击取消回调");
},
});
},
carList: function (a) {
var e = t.getAttr(a, "name"),
i = t.getAttr(a, "id");
if (1 == this.data.active_index)
(n = {
fenlei_id: i,
car_class: e,
active_index: 1,
mark: (o = "active_index1"),
check_name: e,
}),
(c = this.data.search_arr.filter(function (a) {
return a.mark != o;
})).push(n),
this.setData({
car_class: e,
fenlei_id: i,
check_name: e,
search_arr: c,
leftid: 1,
show_new: !0,
});
else if (2 == this.data.active_index) {
e = t.getAttr(a, "name");
var n = {
pinpai_id: (i = t.getAttr(a, "id")),
car_brand: e,
active_index: 2,
mark: (o = "active_index2"),
check_name: e,
};
(c = this.data.search_arr.filter(function (a) {
return a.mark != o;
})).push(n),
this.setData({
is_ok: !1,
car_brand: e,
pinpai_id: i,
search_arr: c,
leftid: 1,
show_new: !0,
brand_show: !1,
});
} else if (3 == this.data.active_index) {
var r = t.getAttr(a, "year");
(n = {
nianxian_id: (i = t.getAttr(a, "index")),
car_year: r,
active_index: 3,
mark: (o = "active_index3"),
check_name: r,
}),
(c = this.data.search_arr.filter(function (a) {
return a.mark != o;
})).push(n),
this.setData({
is_ok: !1,
car_year: r,
nianxian_id: 1 + parseInt(i),
search_arr: c,
leftid: 1,
show_new: !0,
});
} else if (4 == this.data.active_index) {
var s = t.getAttr(a, "km"),
o = "active_index4",
c =
((n = {
km_id: (i = t.getAttr(a, "index")),
car_km: s,
active_index: 4,
mark: o,
check_name: s,
}),
this.data.search_arr.filter(function (a) {
return a.mark != o;
}));
c.push(n),
this.setData({
is_ok: !1,
car_km: s,
km_id: 1 + parseInt(i),
search_arr: c,
leftid: 1,
show_new: !0,
});
}
this._list(1);
},
_list: function (a) {
var e = this;
1 == a
? this.setData({ carList: [] })
: 2 == a && this.setData({ carList: [], leftid: 1, show_new: !0 }),
this.setData({ active_index: 0 }),
t.util.request({
url: "entry/wxapp/Api",
data: {
m: "monai_market",
r: "home.index.carList",
fenlei_id: this.data.fenlei_id,
pinpai_id: this.data.pinpai_id,
nianxian_id: this.data.nianxian_id,
km_id: parseInt(this.data.km_id),
sort_id: this.data.sort_id,
leftid: this.data.leftid++,
latitude: this.data.latitude,
longitude: this.data.longitude,
province: this.data.region[0],
city: this.data.region[1],
district: this.data.region[2],
},
cachetime: "0",
success: function (a) {
var t;
a.data.data.length > 0
? ((t = e.data.carList).push.apply(
t,
(function (a) {
if (Array.isArray(a)) {
for (var t = 0, e = Array(a.length); t < a.length; t++)
e[t] = a[t];
return e;
}
return Array.from(a);
})(a.data.data)
),
e.setData({ scanReachBottom: !1 }),
e.setData({ is_ok: !1, carList: e.data.carList }))
: (e.setData({ scanReachBottom: !0 }), (e.data.show_new = !1));
},
});
},
previewImage: function (a) {
var e = t.getAttr(a, "src"),
i = t.getAttr(a, "index"),
n = [],
r = !0,
s = !1,
o = void 0;
try {
for (
var c, d = this.data.carList[i].image[Symbol.iterator]();
!(r = (c = d.next()).done);
r = !0
) {
var h = c.value;
n.push(h.img_patch);
}
} catch (a) {
(s = !0), (o = a);
} finally {
try {
!r && d.return && d.return();
} finally {
if (s) throw o;
}
}
wx.previewImage({ current: e, urls: n });
},
detile: function (a) {
var e = t.getAttr(a, "id");
wx.navigateTo({ url: "/pages/home/carMessage/carMessage?id=" + e });
},
onShareAppMessage: function (a) {
return {
title: this.data.info_name + "",
path: "/pages/index/index",
success: function (a) {},
fail: function (a) {},
};
},
onShow: function () {
this.look();
},
look: function () {
var a = this;
if (
(this._notice(),
"" != a.data.brandid &&
"" != a.data.brandname &&
1 == a.data.brand_status)
) {
var t = a.data.brandname,
e = a.data.brandid,
i = "active_index2",
n = {
pinpai_id: e,
car_brand: t,
active_index: 2,
mark: i,
check_name: t,
},
r = this.data.search_arr.filter(function (a) {
return a.mark != i;
});
r.push(n),
this.setData({
is_ok: !1,
car_brand: t,
pinpai_id: e,
search_arr: r,
leftid: 1,
show_new: !0,
brand_show: !1,
brandid: 0,
brandname: "",
}),
this._list(1);
}
},
bindKeyInput: function (a) {
var t = a.detail.value;
this.setData({ keyword: t, page: 1 });
},
checkCurrent: function (a) {
if (
(console.log(a),
console.log(a.currentTarget.dataset.current),
this.data.currentData === a.currentTarget.dataset.current)
)
return !1;
this.setData({
currentData: a.currentTarget.dataset.current,
keyword: a.currentTarget.dataset.title,
page: 1,
});
},
active_nav: function (a) {
var e = t.getAttr(a, "active_index");
this.data.active_index != e
? this.setData({
sort_show: !0,
show_new: !1,
active_index: e,
brand_show: !1,
})
: this.setData({ sort_show: !1, active_index: 0, show_new: !1 });
},
sort_car: function (a) {
console.log(a);
var t = a.currentTarget.dataset.index,
e = this.data.sortArrb[t];
this.setData({
page: 1,
cindex: t,
sort_show: !1,
is_ok: !0,
sort_id: e,
});
},
});

1
pages/index/index.json Normal file
View File

@@ -0,0 +1 @@
{ "usingComponents": {} }

69
pages/index/index.wxml Normal file
View File

@@ -0,0 +1,69 @@
<view class="page__mask" wx:if="{{showPrivacy}}"></view>
<view class="privacy-dialog" wx:if="{{showPrivacy}}">
<view class="privacy-dialog__title">用户隐私保护提示</view>
<view class="privacy-dialog__content">亲爱用户，当您点击同意并开始使用产品服务时，即表示你已理解并同息该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法使用本小程序提供的相关产品及服务。</view>
<button bindtap="handleOpenPrivacyContract" class="privacy-dialog__text">查看隐私协议</button>
<button bindagreeprivacyauthorization="handleAgreePrivacyAuthorization" class="privacy-dialog__button" id="agree-btn" openType="agreePrivacyAuthorization">同意</button>
</view>
<swiper autoplay="{{autoplay}}" class="scroll_size" duration="{{duration}}" indicatorActiveColor="#fff" indicatorDots="{{indicatorDots}}" interval="{{interval}}" lazyLoad="{{true}}">
<swiper-item bindtap="banner" data-id="{{item.product_id}}" data-type="{{item.type}}" wx:for="{{banner}}" wx:key="1">
<image class="scroll_size" mode="scaleToFill" src="{{item.img_patch}}" style="width:100%"></image>
</swiper-item>
</swiper>
<view class="xiaoxi">
<view class="xiaoxi_zhezhao"></view>
<image class="xiaoxi_leftImg" src="../image/xiaoxi_btn.png"></image>
<swiper autoplay="{{autoplay}}" circular="{{true}}" class="update_scroll_modle" duration="1500" indicatorDots="{{false}}" interval="2000" vertical="{{true}}">
<swiper-item style="color:#F75F5F" wx:for="{{textJson}}" wx:key="2"> {{item.content}} </swiper-item>
</swiper>
<!-- <view bindtap="info_notice" class="xiaoxi_right_btn">详情</view> -->
</view>
<view class="service_box">
<view bindtap="navtonew" class="service_items" data-appid="{{item.appid}}" data-id="{{item.id}}" data-nbpage="{{item.nbpage}}" data-tzpage="{{item.tzpage}}" data-url="{{item.url}}" wx:if="{{item.cid==1}}" wx:for="{{dhlist}}" wx:key="index">
<view class="module_item" style="background-image: url({{item.bg}});" wx:if="{{item.bg}}">
<view class="module_name">{{item.name}}</view>
<view class="module_decs">{{item.content}}</view>
<view class="module_go">
<image class="module_go_img" lazyLoad="{{true}}" src="{{item.logo?item.logo:''}}"></image>
</view>
</view>
<view class="module_item" wx:else>
<view class="module_name">{{item.name}}</view>
<view class="module_decs">{{item.content}}</view>
<view class="module_go">
<image class="module_go_img" lazyLoad="{{true}}" src="{{item.logo?item.logo:''}}"></image>
</view>
</view>
</view>
</view>
<view class="main_content">
<view class="title_flag">车主工具箱</view>
<view class="service_box">
<view bindtap="navtonew" class="service_item" data-appid="{{item.appid}}" data-id="{{item.id}}" data-nbpage="{{item.nbpage}}" data-tzpage="{{item.tzpage}}" data-url="{{item.url}}" wx:if="{{item.cid==2}}" wx:for="{{dhlist}}" wx:key="index">
<view class="service_item_left">
<view class="service_name">{{item.name}}</view>
<view class="service_desc">{{item.content}}</view>
<view class="service_desc"></view>
</view>
<view class="service_item_right">
<view class="service_img_box">
<image class="service_img" src="{{item.logo?item.logo:'https://api.ym23.com/addons/monai_market/static/icon/ting_ke_wen.png'}}"></image>
</view>
</view>
</view>
</view>
</view>
<navigator hoverClass="none" url="/pages/enter/enter" wx:if="{{maiche==1}}">
<view class="contact_box">
<view class="contact">
<view class="contact_icon">
<image class="weixin_icon" lazyLoad="{{true}}" mode="widthFix" src="/assets/images/ser-repair@1.png" style="border-radius: 80rpx"></image>
</view>
<view class="contact_content"> 开启会员，享受超值价格</view>
<view class="contact_copy_box">
<view class="contact_copy">立即开启</view>
</view>
</view>
</view>
</navigator>

903
pages/index/index.wxss Normal file
View File

@@ -0,0 +1,903 @@
@import "/pages/alert/index.wxss";
page {
background: #fff;
}
.page__mask {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9998;
}
.privacy-dialog {
background-color: #fff;
border-radius: 10rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.2);
left: 50%;
max-width: 500rpx;
padding: 20rpx;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
z-index: 9999;
}
.privacy-dialog__content {
font-size: 28rpx;
line-height: 1.5;
margin-bottom: 20rpx;
}
.privacy-dialog__title {
color: #000;
}
.privacy-dialog__text,
.privacy-dialog__title {
background-color: #fff;
border-radius: 5rpx;
display: block;
font-size: 36rpx;
line-height: 2;
padding: 10rpx;
text-align: center;
width: 100%;
}
.privacy-dialog__text {
color: #007bff;
}
.privacy-dialog__button {
background-color: #007bff;
border-radius: 5rpx;
color: #fff;
display: block;
font-size: 36rpx;
line-height: 1;
padding: 10rpx;
text-align: center;
width: 100%;
}
.main_content {
background: #fff;
box-sizing: border-box;
padding: 10rpx 25rpx;
width: 750rpx;
}
.module_box {
align-items: center;
height: 160rpx;
width: 700rpx;
}
.module_box,
.module_item {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.module_item {
background-image: url(https://api.ym23.com/addons/monai_market/static/icon/module_back.png);
background-repeat: no-repeat;
background-size: 220rpx 159rpx;
border-radius: 10px;
box-shadow: 0rpx 9rpx 18rpx 0rpx hsla(0, 33%, 90%, 0.5);
box-sizing: border-box;
flex-direction: column;
height: 159rpx;
margin-top: 30rpx;
padding: 20rpx;
width: 220rpx;
}
.module_name {
color: #fff;
font-size: 30rpx;
font-weight: 700;
height: 42rpx;
line-height: 42rpx;
}
.module_decs {
color: #fff;
font-size: 22rpx;
font-weight: 400;
height: 30rpx;
line-height: 30rpx;
}
.module_go {
display: -webkit-flex;
display: flex;
height: 25rpx;
justify-content: flex-end;
width: 180rpx;
}
.module_go_img {
height: 26rpx;
width: 26rpx;
}
.service_box,
.title_flag {
align-items: center;
display: -webkit-flex;
display: flex;
margin-top: 50rpx;
width: 700rpx;
}
.service_box {
flex-direction: row;
flex-wrap: wrap;
min-height: 160rpx;
}
.service_box,
.service_item {
justify-content: space-between;
}
.service_item {
background: #e8f3fa;
width: 340rpx;
}
.service_item,
.service_items {
align-items: center;
border-radius: 5rpx;
box-shadow: 5rpx 1rpx 10rpx 0rpx rgba(198, 220, 239, 0.5);
box-sizing: border-box;
display: -webkit-flex;
display: flex;
height: 160rpx;
margin-bottom: 20rpx;
padding: 20rpx;
}
.service_items {
background: #feffff;
width: 200rpx;
}
.service_item_left {
height: 132rpx;
width: 168rpx;
}
.service_name {
font-size: 28rpx;
height: 35rpx;
line-height: 35rpx;
margin: 15rpx 0rpx 10rpx;
}
.service_desc,
.service_name {
color: #4867ba;
font-weight: 400;
}
.service_desc {
font-size: 20rpx;
height: 28rpx;
line-height: 28rpx;
}
.service_img_box,
.service_item_right {
height: 132rpx;
width: 132rpx;
}
.service_img_box {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.service_img {
height: 132rpx;
width: 132rpx;
}
.plate {
background: #fff;
height: auto;
margin: 0 auto;
padding-top: 2.66%;
width: 100%;
}
.plate_form,
.plate_form button {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plate_form button {
background: none;
}
.plate_form button::after {
border: none;
}
.plate > view {
border-radius: 10rpx;
height: 160rpx;
margin-bottom: 20rpx;
position: relative;
width: 46%;
}
.plate > view,
.plate > view view {
display: inline-block;
vertical-align: top;
}
.plate > view view:nth-child(1) {
height: 100%;
width: 70%;
}
.plate > view view:nth-child(2) {
height: 90%;
width: 30%;
}
.plate > view view image {
height: 80rpx;
left: 0;
width: 80rpx;
}
.plate > view:nth-child(even),
.plate > view:nth-child(odd) {
margin-left: 2.66%;
}
.plate > view view view:nth-child(1) {
color: #fff;
font-size: 32rpx;
font-weight: 700;
height: 80rpx;
line-height: 80rpx;
text-indent: 30rpx;
width: 100%;
}
.plate > view view view:nth-child(2) {
font-size: 20rpx;
height: 60rpx;
line-height: 60rpx;
width: 100%;
}
.plate > view view view text {
border: 2rpx solid #fff;
border-radius: 30rpx;
color: #fff;
margin-left: 20rpx;
padding: 7rpx 15rpx;
}
.big_border {
overflow-x: hidden;
width: 100%;
}
.advert {
height: 100%;
position: fixed;
width: 100%;
}
.title_flag {
color: #000;
font-size: 32rpx;
font-weight: 700;
height: 50rpx;
justify-content: flex-start;
line-height: 45rpx;
}
.search_info {
height: auto;
left: 181rpx;
top: 75rpx;
width: 576rpx;
z-index: 5000000000;
}
.loading {
background: #fff;
border-top: 1rpx solid #e5e5e5;
color: #999;
font-size: 28rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
width: 100%;
}
.loading image {
height: 15rpx;
width: 69rpx;
}
.serch_view {
background: #fff;
padding-bottom: 10rpx;
position: fixed;
width: 100%;
z-index: 10;
}
.serch_border {
background: #f2f2f2;
border-radius: 100px;
display: inline-block;
height: 60rpx;
margin-top: 14rpx;
width: 540rpx;
z-index: 10;
}
.serch_border_area {
color: #333;
font-size: 28rpx;
max-width: 160rpx;
padding-left: 30rpx;
}
.serch_border_area,
.serch_border_area_border {
display: inline-block;
height: 80rpx;
line-height: 80rpx;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.serch_border_area_border {
max-width: 118rpx;
}
.serch_border_area_img {
display: inline-block;
height: 30rpx;
margin-left: 10rpx;
vertical-align: middle;
width: 30rpx;
}
.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: #b2b2b2;
float: left;
font-size: 24rpx;
height: 60rpx;
line-height: 60rpx;
padding-left: 15rpx;
width: 80%;
}
.scroll_size {
height: 375rpx;
width: 100%;
}
.xiaoxi {
background: #fff;
border-bottom: 15rpx solid #f2f2f2;
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;
color: #3d61f0;
height: 45rpx;
}
.xiaoxi_right_btn,
.xiaoxi_right_btnb {
border-radius: 5rpx;
float: left;
font-size: 24rpx;
line-height: 45rpx;
margin-left: 30rpx;
margin-top: 17.5rpx;
text-align: center;
width: 100rpx;
}
.xiaoxi_right_btnb {
height: 5rpx;
}
.xiaoxi_zhezhao {
height: 80rpx;
left: 0;
position: absolute;
width: 590rpx;
z-index: 50;
}
.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: #555;
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;
}
.zhuanrang {
color: #f75f5f;
font-weight: 400;
}
.shop_modle {
margin-left: 30rpx;
padding-top: 30rpx;
width: 720rpx;
}
.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_name {
display: inline-block;
max-width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
}
.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_active {
background: #fff;
overflow: hidden;
}
.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;
max-height: 480rpx;
overflow-y: scroll;
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: 1rpx solid #e4e4e4;
color: #555;
display: inline-block;
font-size: 24rpx;
height: 50rpx;
line-height: 50rpx;
margin-left: 20rpx;
margin-top: 20rpx;
overflow: hidden;
padding-left: 20rpx;
padding-right: 20rpx;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 117rpx;
word-break: keep-all;
}
.nav_fenlei_modle_img {
display: block;
height: 30rpx;
margin-left: 128rpx;
margin-top: 21rpx;
position: absolute;
width: 30rpx;
}
.nav_fenlei_modle_active {
background: rgba(10, 194, 174, 0.1);
border: 1px solid #3d61f0;
color: #3d61f0;
}
.shop_view {
height: 840rpx;
width: 100%;
}
.nav_fenlei_mengceng {
background: rgba(0, 0, 0, 0.3);
height: 750rpx;
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 {
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;
}
.choose_area {
background: #fff;
padding-bottom: 20rpx;
position: relative;
width: 100%;
z-index: 10;
}
.choose_area_modle {
display: inline-block;
margin-top: 35rpx;
width: 20%;
}
.choose_area_modle_img {
display: block;
height: 50rpx;
margin: 0 auto;
width: 50rpx;
}
.choose_area_modle_title {
color: #555;
font-size: 24rpx;
margin-top: 14rpx;
padding-bottom: 35rpx;
text-align: center;
width: 100%;
}
.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 {
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;
}
.pinpai_over {
max-height: 420rpx;
overflow-y: scroll;
width: 100%;
}
.shangjia_solid_modle_scroll {
overflow-x: scroll;
background: #fff;
border-bottom: 12rpx solid #f2f2f2;
display: block;
padding-bottom: 20rpx;
padding-left: 10rpx;
white-space: nowrap;
width: 740rpx;
}
.shangjia_solid_modle_scroll_modle {
background: #fff;
display: inline-block;
margin-left: 20rpx;
width: 180rpx;
}
.shangjia_solid_modle_scroll_modle_img {
background: #e0e0e0;
border-radius: 10rpx;
display: block;
height: 180rpx;
margin: 0 auto;
width: 100%;
}
.shangjia_solid_modle_scroll_modle_title {
color: #666;
display: block;
float: left;
font-size: 26rpx;
font-weight: 700;
margin-top: 15rpx;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
word-break: keep-all;
}
.shangjia_solid_modle_scroll_modle_price {
color: #d39f43;
float: left;
font-size: 23rpx;
margin-top: 15rpx;
text-align: center;
width: 100%;
}
.shangjia_solid_modle_scroll_modle_priceimg {
height: 25rpx;
margin-top: -5rpx;
padding-left: 5rpx;
vertical-align: middle;
width: 25rpx;
}
.shangjia_solid_modle_scroll_title {
color: #333;
font-size: 30rpx;
font-weight: 700;
line-height: 80rpx;
margin-left: 5%;
width: 90%;
}
.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;
width: 96%;
}
.modle_chexing,
.modle_price {
overflow: hidden;
padding-left: 20rpx;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all;
}
.modle_price {
bottom: 0rpx;
color: #f75f5f;
font-size: 30rpx;
font-weight: 700;
position: absolute;
width: 100%;
}
.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:first-child {
margin-left: 0;
}
.end_none {
color: #8a8a8a;
font-size: 28rpx;
height: 100rpx;
line-height: 100rpx;
text-align: center;
width: 100%;
}
.guanggao_view {
border-bottom: 15rpx solid #f2f2f2;
}