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

293
pages/home/carMessage/carMessage.js Normal file
View 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
View File

@@ -0,0 +1 @@
{ "navigationBarTitleText": "汽车详情", "usingComponents": {} }

139
pages/home/carMessage/carMessage.wxml Normal file
View 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
View 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;
}