1155 lines
26 KiB
Vue
1155 lines
26 KiB
Vue
<template>
|
||
<view class="page">
|
||
<block v-if="isdata">
|
||
<view class="u-pa1 fix-titlenview-trans">
|
||
<view class="m-banner-ad">
|
||
<swiper
|
||
indicator-dots="true"
|
||
autoplay="true"
|
||
interval="3000"
|
||
duration="300"
|
||
>
|
||
<swiper-item>
|
||
<image
|
||
lazy-load
|
||
class="slide-image"
|
||
mode="aspectFill"
|
||
:src="activityInfo.activity_rule.giftbag_zu_image"
|
||
:data-src="activityInfo.activity_rule.giftbag_zu_image"
|
||
@click="previewProductImg"
|
||
/>
|
||
</swiper-item>
|
||
</swiper>
|
||
<navigator
|
||
v-if="activityInfo.activity_rule.activity_video"
|
||
:url="activityInfo.activity_rule.activity_video"
|
||
class="video"
|
||
>
|
||
<image
|
||
lazy-load
|
||
src="/static/images/play.png"
|
||
style="width: 100rpx; height: 100rpx"
|
||
></image>
|
||
</navigator>
|
||
</view>
|
||
|
||
<view class="m-activity-info">
|
||
<view class="m-activity-title">
|
||
<label>{{
|
||
activityInfo.activity_rule.activity_bag_category
|
||
}}</label>
|
||
</view>
|
||
<view class="m-activity-tips">
|
||
<label>{{ activityInfo.activity_name }}</label>
|
||
</view>
|
||
<view class="m-activity-price">
|
||
<view>
|
||
<label style="color: #c0a080"
|
||
>{{ __("￥")
|
||
}}{{ number_format(activityInfo.play_amount, 2) }}</label
|
||
>
|
||
<label
|
||
class="old-price"
|
||
v-if="
|
||
activityInfo.play_amount <
|
||
activityInfo.activity_rule.giftbag_amount
|
||
"
|
||
>{{ __("￥")
|
||
}}{{
|
||
number_format(activityInfo.activity_rule.giftbag_amount, 2)
|
||
}}</label
|
||
>
|
||
</view>
|
||
<!-- <view>
|
||
<label class="m-imfo-sp-selext">
|
||
<view class="u-cart-num">
|
||
<view class="u-num-btn" @click.stop="sub">-</view>
|
||
<input type="number" v-model="numval" @blur="writenum" />
|
||
<view class="u-num-btn" @click.stop="add">+</view>
|
||
</view>
|
||
</label>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
|
||
<view class="product-l">
|
||
<navigator url="/activity/giftbag/list" class="m-cell m-cell-access">
|
||
<view class="m-cell-bd m-cell-primary">
|
||
<p>{{ __("礼包包含以下商品") }}</p>
|
||
</view>
|
||
<text class="ft-title">{{ __("更多礼包") }}</text
|
||
><text class="m-cell-ft"></text>
|
||
</navigator>
|
||
<scroll-view class="scroll-view_H" scroll-x="true">
|
||
<block v-if="activityInfo.item">
|
||
<view
|
||
class="scroll-view-item_H"
|
||
v-for="(item, index) in activityInfo.item"
|
||
:key="index"
|
||
>
|
||
<view>
|
||
<view
|
||
hover-class="none"
|
||
:data-pid="item.item_id"
|
||
:data-state="item.product_state_id"
|
||
@click="gotoDetail"
|
||
>
|
||
<view class="product-l-img">
|
||
<image
|
||
style="width: 100%; height: 100%"
|
||
:src="item.product_image"
|
||
/>
|
||
</view>
|
||
|
||
<view class="product-l-price">
|
||
<view class="product_name">
|
||
<label>{{ item.item_name }}</label>
|
||
</view>
|
||
<view class="price-new" style="color: #c0a080">
|
||
<label
|
||
>{{ __("￥")
|
||
}}{{ number_format(item.item_unit_price, 2) }}</label
|
||
>
|
||
<label style="margin-left: 10rpx"
|
||
>x {{ item.activity_item_num }}</label
|
||
>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<view class="m-nullpage-middle">
|
||
<view class="m-null-tip">
|
||
<text>{{ __("什么都没有！") }}</text>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</scroll-view>
|
||
</view>
|
||
<!--
|
||
<view class="m-cell m-cell-access " style="background-color: #FFFFFF;;">
|
||
<view class="m-info-sp">
|
||
<label class="m-info-tip" style="float:left;">{{__('库存：')}}{{activityInfo.activity_rule.giftbag_quantity}}</label>
|
||
|
||
<label class="m-imfo-sp-selext" style="float:left;height: 48rpx;margin-left: 30rpx;">
|
||
<view class="u-cart-num">
|
||
<view class="u-num-btn" @click.stop="sub">-</view>
|
||
<input type="number" v-model="numval" @blur="writenum" />
|
||
<view class="u-num-btn" @click.stop="add">+</view>
|
||
</view>
|
||
</label>
|
||
|
||
</view>
|
||
</view> -->
|
||
|
||
<view class="m-panel m-panel-access m-detail">
|
||
<view class="m-tab">
|
||
<view class="m-navbar">
|
||
<view
|
||
class="m-navbar-item m-navbar-item-on"
|
||
v-if="activityInfo.activity_rule.activity_detail_intro"
|
||
>
|
||
{{ __("活动详情") }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view
|
||
class="m-RichText"
|
||
v-if="activityInfo.activity_rule.activity_detail_intro"
|
||
>
|
||
<wxParse
|
||
:content="activityInfo.activity_rule.activity_detail_intro"
|
||
/>
|
||
</view>
|
||
</view>
|
||
<view style="width: 100%; height: 100rpx"></view>
|
||
</view>
|
||
|
||
<view class="m-footer-btn m-fg-btn">
|
||
<view class="m-footer-btn-list" style="width: 100%">
|
||
<!-- <view class="m-footer-btn-item" style="width:92rpx;">
|
||
<view class="u-go-home1" @click="onShareBox">
|
||
<view class="m-footer-btn-icon">
|
||
<image src="../../static/images/share.png"/>
|
||
</view>
|
||
<text style="font-size: 20rpx;">{{__('分享')}}</text>
|
||
</view>
|
||
</view> -->
|
||
<block v-if="activityInfo.activity_state == 0">
|
||
<view
|
||
class="m-footer-btn-main m-footer-desable"
|
||
style="width: 100%"
|
||
>
|
||
{{ __("活动未开启") }}
|
||
</view>
|
||
</block>
|
||
<block v-else>
|
||
<view
|
||
v-if="false"
|
||
class="m-footer-btn-main"
|
||
style="background: linear-gradient(to right, #dbc4aa, #ba9877)"
|
||
@click="ckselectsp"
|
||
>
|
||
{{ __("加入购物车") }}
|
||
</view>
|
||
<view
|
||
class="m-footer-btn-main m-footer-desable"
|
||
v-if="
|
||
activityInfo.activity_rule.giftbag_quantity -
|
||
activityInfo.activity_effective_quantity <=
|
||
0
|
||
"
|
||
>
|
||
{{ __("库存不足") }}
|
||
</view>
|
||
<view
|
||
class="m-footer-btn-main"
|
||
style="background-color: #333959"
|
||
v-else
|
||
@click="goCheckout"
|
||
>
|
||
{{ __("立即购买") }}
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
<view class="m-nullpage" v-else>
|
||
<view class="m-nullpage-middle" v-if="loaded">
|
||
<label class="iconfont icon-meiyougengduo"></label>
|
||
<view class="m-null-tip">
|
||
<text>{{ __("什么都没有！") }}</text>
|
||
</view>
|
||
</view>
|
||
<view class="m-nullpage-middle" v-else>
|
||
<loading></loading>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- #ifdef APP-PLUS -->
|
||
<share-box-app
|
||
:shareDataDefault="shareData"
|
||
ref="shareBoxApp"
|
||
></share-box-app>
|
||
<!-- #endif -->
|
||
|
||
<!-- #ifdef H5 -->
|
||
<share-box-h5 :shareDataDefault="shareData" ref="shareBoxH5"></share-box-h5>
|
||
<!-- #endif -->
|
||
|
||
<!-- #ifndef APP-PLUS -->
|
||
<share-box-mp
|
||
:shareDataDefault="shareData"
|
||
@cancelShare="cancelShare"
|
||
@showCodeImg="showCodeImg"
|
||
@shareQRCode="shareQRCode"
|
||
@saveImg="saveImg"
|
||
ref="shareBoxMp"
|
||
></share-box-mp>
|
||
<!-- #endif -->
|
||
|
||
<mpvue-city-picker
|
||
:themeColor="themeColor"
|
||
ref="mpvueCityPicker"
|
||
:pickerValueDefault="cityPickerValueDefault"
|
||
@onCancel="onCancel"
|
||
@onConfirm="onConfirm"
|
||
></mpvue-city-picker>
|
||
|
||
<!-- <quick-nav @onReturnTop="onReturnTop" @onShareBox="onShareBox" :isquicknav="isquicknav"></quick-nav> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
function getNowFormatDate() {
|
||
var e = new Date(),
|
||
t = "-",
|
||
n = e.getMonth() + 1,
|
||
r = e.getDate();
|
||
n >= 1 && n <= 9 && (n = "0" + n), r >= 0 && r <= 9 && (r = "0" + r);
|
||
var i = e.getFullYear() + t + n + t + r;
|
||
return i;
|
||
}
|
||
|
||
import mpvueCityPicker from "../../components/mpvue-citypicker/mpvueCityPicker.vue";
|
||
|
||
import wxParse from "@/components/u-parse/u-parse.vue";
|
||
|
||
import shareBoxMp from "../../components/share-box-mp.vue";
|
||
import shareBoxApp from "../../components/share-box-app.vue";
|
||
import shareBoxH5 from "../../components/share-box-h5.vue";
|
||
|
||
import quickNav from "../../components/quick-nav.vue";
|
||
import headerNavMenu from "../../components/header-nav-menu.vue";
|
||
|
||
import uniBadge from "../../components/uni-badge.vue";
|
||
import uniTag from "@/components/uni-tag/uni-tag.vue";
|
||
import loading from "@/components/loading.vue";
|
||
|
||
var intervalDate;
|
||
var intervalPt;
|
||
var intervalCt;
|
||
var intervalTimeAct;
|
||
|
||
import { mapState, mapMutations } from "vuex";
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
options: {},
|
||
activity_id: 0,
|
||
activityInfo: {},
|
||
loaded: true,
|
||
isdata: false,
|
||
|
||
numval: 1,
|
||
stock: 1,
|
||
inputval: 1,
|
||
|
||
scposition: 0,
|
||
old: {
|
||
scposition: 0,
|
||
},
|
||
|
||
shareData: {
|
||
shareText: "GDF商城系统，支持原生App、微信小程序，邀请你一起体验！",
|
||
shareTitle: "GDF商城系统，支持原生App、微信小程序，邀请你一起体验！",
|
||
href: "https://www.suteshop.com",
|
||
image: "",
|
||
price: 0,
|
||
},
|
||
|
||
cityPickerValueDefault: [0, 0, 0],
|
||
themeColor: "#007AFF",
|
||
product_freight_info: {
|
||
content: "无货",
|
||
district_info: "上海市/上海市",
|
||
if_store: false,
|
||
},
|
||
|
||
latitude: "",
|
||
longitude: "",
|
||
|
||
ispage: true,
|
||
|
||
uid: 0,
|
||
|
||
isquicknav: false,
|
||
};
|
||
},
|
||
|
||
components: {
|
||
shareBoxMp,
|
||
shareBoxApp,
|
||
shareBoxH5,
|
||
quickNav,
|
||
uniBadge,
|
||
mpvueCityPicker,
|
||
wxParse,
|
||
uniTag,
|
||
loading,
|
||
headerNavMenu,
|
||
},
|
||
computed: {
|
||
...mapState([
|
||
"Config",
|
||
"StateCode",
|
||
"notice",
|
||
"plantformactivityInfo",
|
||
"shopactivityInfo",
|
||
"useractivityInfo",
|
||
"hasLogin",
|
||
"cartNum",
|
||
]),
|
||
},
|
||
onLoad: function (options) {
|
||
uni.setNavigationBarTitle({
|
||
title: this.__("礼包详情"),
|
||
});
|
||
|
||
var that = this;
|
||
|
||
if (options.aid) {
|
||
this.setData({
|
||
activity_id: options.aid,
|
||
});
|
||
that.InitData();
|
||
}
|
||
|
||
if (options.uid) {
|
||
this.setData({
|
||
uid: options.uid,
|
||
});
|
||
|
||
if (this.hasLogin) {
|
||
that.sharePoint();
|
||
}
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
...mapMutations([
|
||
"login",
|
||
"logout",
|
||
"getPlantformactivityInfo",
|
||
"forceUseractivityInfo",
|
||
"getUseractivityInfo",
|
||
"setCartNum",
|
||
]),
|
||
InitData: function (options) {
|
||
var that = this;
|
||
var params = {
|
||
activity_id: this.activity_id,
|
||
};
|
||
|
||
that.$.request({
|
||
url: that.Config.URL.user.giftbag_get,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
//计算商品原价小计
|
||
for (var i = 0; i < data.item.length; i++) {
|
||
//activity_item_num
|
||
|
||
if (
|
||
data.activity_type_id == that.StateCode.ACTIVITY_TYPE_GIFTBAG
|
||
) {
|
||
for (var j = 0; j < data.activity_rule.discount.length; j++) {
|
||
if (
|
||
data.item[i]["item_id"] ==
|
||
data.activity_rule.discount[j]["item_id"]
|
||
) {
|
||
data.item[i]["activity_item_num"] =
|
||
data.activity_rule.discount[j]["rate"];
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
that.setData({
|
||
isdata: true,
|
||
ispage: true,
|
||
loaded: true,
|
||
activityInfo: data,
|
||
});
|
||
} else {
|
||
that.setData({
|
||
flag: false,
|
||
ispage: true,
|
||
});
|
||
}
|
||
},
|
||
});
|
||
},
|
||
ckselectsp: function (e) {
|
||
var that = this;
|
||
|
||
var pat = [];
|
||
|
||
if (that.activityInfo.activity_rule.giftbag_quantity <= 0) {
|
||
uni.showModal({
|
||
title: "提示",
|
||
content: "当前套餐库存不足，看看别的吧！",
|
||
success: (res) => {
|
||
uni.navigateTo({
|
||
url: "/activity/giftbag/list",
|
||
});
|
||
},
|
||
});
|
||
return false;
|
||
}
|
||
|
||
/*
|
||
for(let i in that.activityInfo.activity_rule.item_quantitys)
|
||
{
|
||
pat.push({item_id:i,quantity:that.activityInfo.activity_rule.item_quantitys[i]})
|
||
}
|
||
*/
|
||
|
||
var items = that.activityInfo.activity_rule.discount;
|
||
|
||
{
|
||
for (var i in items) {
|
||
if (items[i]) {
|
||
var t = items[i]["item_id"] + "|" + items[i]["rate"];
|
||
pat.push(t);
|
||
}
|
||
}
|
||
}
|
||
|
||
var str = pat.join(",");
|
||
|
||
var params = {
|
||
cart_id: str,
|
||
activity_id: this.activity_id,
|
||
};
|
||
|
||
that.$.request({
|
||
url: that.Config.URL.cart.batchadd,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
uni.showModal({
|
||
title: "提示",
|
||
content: "加入购物车成功！",
|
||
success: (res) => {
|
||
uni.switchTab({
|
||
url: "../../pages/cart/cart",
|
||
});
|
||
},
|
||
});
|
||
} else {
|
||
uni.showModal({
|
||
title: "提示",
|
||
content: msg,
|
||
showCancel: false,
|
||
success: (res) => {},
|
||
});
|
||
}
|
||
},
|
||
});
|
||
},
|
||
|
||
sharePoint: function () {
|
||
var that = this;
|
||
var params = {
|
||
uid: this.uid,
|
||
};
|
||
|
||
that.$.request({
|
||
url: that.Config.URL.user.set_sharepoint,
|
||
data: params,
|
||
success: function (data, status, msg, code) {
|
||
if (200 == status) {
|
||
console.log("成功");
|
||
} else {
|
||
console.log("失败");
|
||
}
|
||
},
|
||
});
|
||
},
|
||
|
||
gotoDetail: function (e) {
|
||
console.log(e);
|
||
var state = e.currentTarget.dataset.state;
|
||
var pid = e.currentTarget.dataset.pid;
|
||
|
||
if (state == this.StateCode.PRODUCT_STATE_OFF_THE_SHELF) {
|
||
this.$.alert(this.__("此商品不可单独购买"));
|
||
} else {
|
||
this.$.navigateTo({
|
||
url: "/pages/product/detail?pid=" + pid,
|
||
});
|
||
}
|
||
},
|
||
|
||
goCheckout: function () {
|
||
var that = this;
|
||
//var items = that.activityInfo.activity_rule.requirement.buy.item;
|
||
var items = that.activityInfo.activity_rule.discount;
|
||
|
||
var pat = [];
|
||
var par = [];
|
||
|
||
/*
|
||
for(let p in that.activityInfo.activity_rule.item_quantitys)
|
||
{
|
||
par.push({[p]:that.activityInfo.activity_rule.item_quantitys[p]})
|
||
}
|
||
*/
|
||
|
||
if (false && par) {
|
||
for (var i in items) {
|
||
if (items[i]) {
|
||
var t = items[i] + "|" + par[i][items[i]];
|
||
pat.push(t);
|
||
}
|
||
}
|
||
} else {
|
||
for (var i in items) {
|
||
if (items[i]) {
|
||
var t = items[i]["item_id"] + "|" + items[i]["rate"];
|
||
pat.push(t);
|
||
}
|
||
}
|
||
}
|
||
|
||
var str = pat.join(",");
|
||
|
||
that.$.navigateTo({
|
||
url:
|
||
"/pages/checkout/checkout?ifcart=0&cart_id=" +
|
||
str +
|
||
"&quantity=" +
|
||
that.numval +
|
||
"&activity_id=" +
|
||
that.activity_id,
|
||
});
|
||
},
|
||
sub: function () {
|
||
this.unifiedNum(2);
|
||
},
|
||
add: function () {
|
||
this.unifiedNum(1);
|
||
},
|
||
writenum: function (e) {
|
||
this.setData({
|
||
inputval: e.detail.value,
|
||
}),
|
||
this.unifiedNum(3);
|
||
},
|
||
unifiedNum: function (e) {
|
||
let that = this;
|
||
var t = {
|
||
value: parseInt(this.numval),
|
||
stock: parseInt(this.activityInfo.activity_rule.giftbag_quantity),
|
||
inputval: parseInt(this.inputval),
|
||
};
|
||
if (t.stock <= 0) {
|
||
that.$.alert(that.__("亲~商品没有库存啦！"));
|
||
return;
|
||
}
|
||
e == 1
|
||
? (t.value = t.value + 1)
|
||
: e == 2
|
||
? (t.value = t.value - 1)
|
||
: ((t.value = t.inputval),
|
||
this.setData({
|
||
numval: t.inputval,
|
||
}));
|
||
if (t.value > t.stock) {
|
||
this.setData({
|
||
numval: t.stock,
|
||
});
|
||
return;
|
||
}
|
||
if (t.value <= 0) {
|
||
this.setData({
|
||
numval: 1,
|
||
});
|
||
return;
|
||
}
|
||
this.setData({
|
||
numval: t.value,
|
||
});
|
||
},
|
||
|
||
previewProductImg: function (e) {
|
||
var that = this,
|
||
n = [];
|
||
|
||
n.push(this.activityInfo.activity_rule.giftbag_zu_image);
|
||
|
||
var i = e.target.dataset.src;
|
||
|
||
that.$.previewImage({
|
||
current: i,
|
||
urls: n,
|
||
});
|
||
},
|
||
|
||
cancelShare: function (e) {},
|
||
showCodeImg: function (e) {},
|
||
shareQRCode: function (e) {},
|
||
saveImg: function (e) {},
|
||
|
||
onShareBox: function (e) {
|
||
let that = this;
|
||
var $href = that.$.sprintf(
|
||
"%s/tmpl/product_detail.html?item_id=%d&FX=%d",
|
||
this.Config.WapSiteUrl,
|
||
this.skuid,
|
||
this.useractivityInfo.user_id
|
||
);
|
||
|
||
$href = that.$.sprintf(
|
||
"%s/h5/activity/giftbag/detail?aid=%d&uid=%d",
|
||
that.Config.SiteUrl,
|
||
this.activity_id,
|
||
this.useractivityInfo.user_id
|
||
);
|
||
// 如允许点击超链接跳转，则应该打开一个新页面，并传入href，由新页面内嵌webview组件负责显示该链接内容
|
||
// #ifdef APP-PLUS
|
||
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN
|
||
$href =
|
||
"/activity/giftbag/detail?aid=" +
|
||
this.activity_id +
|
||
"&uid=" +
|
||
this.useractivityInfo.user_id;
|
||
// #endif
|
||
|
||
this.setData({
|
||
shareData: {
|
||
shareTitle: this.activityInfo.activity_name,
|
||
shareText: this.activityInfo.activity_title,
|
||
href: $href,
|
||
image: this.activityInfo.activity_rule.giftbag_image,
|
||
price: this.number_format(
|
||
this.activityInfo.activity_rule.giftbag_amount,
|
||
2
|
||
),
|
||
},
|
||
});
|
||
|
||
// 如允许点击超链接跳转，则应该打开一个新页面，并传入href，由新页面内嵌webview组件负责显示该链接内容
|
||
// #ifdef APP-PLUS
|
||
this.$refs.shareBoxApp.show();
|
||
// #endif
|
||
|
||
//海报
|
||
if (e == 3) {
|
||
// #ifndef APP-PLUS
|
||
this.$refs.shareBoxMp.show();
|
||
// #endif
|
||
} else {
|
||
// #ifdef H5
|
||
if (that.$.ifUniApp()) {
|
||
this.$refs.shareBoxH5.show();
|
||
} else {
|
||
this.$refs.shareBoxMp.show();
|
||
}
|
||
// #endif
|
||
}
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import "../../styles/_variables.scss";
|
||
|
||
.page-body {
|
||
padding: 40rpx;
|
||
|
||
button {
|
||
margin: 20rpx 20rpx;
|
||
}
|
||
|
||
.m-panel-sp-icon {
|
||
position: absolute;
|
||
right: 20rpx;
|
||
top: 10rpx;
|
||
}
|
||
}
|
||
|
||
.fix-titlenview-trans {
|
||
background: #f5f6f7;
|
||
}
|
||
|
||
.m-banner-ad {
|
||
width: 100%;
|
||
height: 640rpx;
|
||
background: rgba(0, 0, 0, 0);
|
||
opacity: 1;
|
||
|
||
position: relative;
|
||
}
|
||
|
||
.m-banner-ad swiper {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.slide-image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.m-activity-info {
|
||
// width: 100%;
|
||
//height: 140rpx;
|
||
background: #ffffff;
|
||
opacity: 1;
|
||
padding: 20rpx 24rpx;
|
||
}
|
||
|
||
.m-panel {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.m-activity-title {
|
||
font-size: 30rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
line-height: 42rpx;
|
||
color: #002951;
|
||
opacity: 1;
|
||
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.m-activity-tips {
|
||
font-size: 20rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
line-height: 28px;
|
||
color: #002951;
|
||
opacity: 0.6;
|
||
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.m-activity-price {
|
||
font-size: 34rpx;
|
||
font-family: Arial;
|
||
font-weight: 400;
|
||
line-height: 34rpx;
|
||
color: #ff4142;
|
||
opacity: 1;
|
||
margin-top: 12rpx;
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.product-l {
|
||
// width: 710rpx;
|
||
height: 434rpx;
|
||
background: #ffffff;
|
||
opacity: 1;
|
||
border-radius: 8rpx;
|
||
margin: 20rpx;
|
||
overflow: hidden;
|
||
border-radius: 10rpx;
|
||
}
|
||
|
||
.scroll-Y {
|
||
height: 300rpx;
|
||
}
|
||
|
||
.scroll-view_H {
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
height: 344rpx;
|
||
}
|
||
|
||
.scroll-view-item {
|
||
height: 300rpx;
|
||
line-height: 300rpx;
|
||
text-align: center;
|
||
font-size: 36rpx;
|
||
}
|
||
|
||
.scroll-view-item_H {
|
||
display: inline-block;
|
||
width: 240rpx;
|
||
height: 344rpx;
|
||
background: #ffffff;
|
||
opacity: 1;
|
||
border-radius: 16rpx;
|
||
margin-right: 24rpx;
|
||
}
|
||
|
||
.m-cell {
|
||
padding: 20rpx 20rpx;
|
||
}
|
||
|
||
.m-cell-primary {
|
||
font-size: 26rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: bold;
|
||
line-height: 36rpx;
|
||
color: #af6419;
|
||
opacity: 1;
|
||
}
|
||
|
||
.m-cell-access .m-cell-ft:after {
|
||
border-color: #af6419;
|
||
}
|
||
|
||
.ft-title {
|
||
font-size: 22rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
line-height: 32rpx;
|
||
color: #af6419;
|
||
opacity: 1;
|
||
margin-right: 10rpx;
|
||
}
|
||
|
||
.product-l-img {
|
||
width: 240rpx;
|
||
height: 240rpx;
|
||
background: rgba(0, 0, 0, 0);
|
||
opacity: 1;
|
||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.product-l-price {
|
||
width: 208rpx;
|
||
height: 88rpx;
|
||
background: rgba(255, 255, 255, 1);
|
||
padding: 8rpx 16rpx;
|
||
|
||
.product_name {
|
||
font-size: 20rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
line-height: 28rpx;
|
||
color: #002951;
|
||
opacity: 1;
|
||
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.m-project-tips {
|
||
height: 18rpx;
|
||
font-size: 12px;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
line-height: 18rpx;
|
||
color: #002951;
|
||
opacity: 0.6;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
margin: 4rpx 0rpx;
|
||
}
|
||
|
||
.price-new {
|
||
font-size: 12px;
|
||
font-family: Arial;
|
||
font-weight: 400;
|
||
line-height: 34rpx;
|
||
color: #ff4142;
|
||
opacity: 1;
|
||
|
||
padding: 5px 0;
|
||
}
|
||
}
|
||
|
||
.scroll-view_H {
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
margin-left: 24rpx;
|
||
}
|
||
|
||
.scroll-view-item {
|
||
height: 300rpx;
|
||
line-height: 300rpx;
|
||
text-align: center;
|
||
font-size: 36rpx;
|
||
}
|
||
|
||
.scroll-view-item_H {
|
||
display: inline-block;
|
||
/* height: 260rpx; */
|
||
// line-height: 300rpx;
|
||
// text-align: center;
|
||
font-size: 36rpx;
|
||
}
|
||
|
||
.m-info-sp {
|
||
width: 710rpx;
|
||
height: 48rpx;
|
||
background: #f5f6f7;
|
||
opacity: 1;
|
||
border-radius: 8rpx;
|
||
padding: 0;
|
||
}
|
||
|
||
.u-cart-num {
|
||
margin-top: 0rpx;
|
||
// height: 100%;
|
||
line-height: 48rpx;
|
||
|
||
width: 56px;
|
||
height: 18px;
|
||
|
||
background: #ffffff;
|
||
border: 1px solid #f5f6f7;
|
||
opacity: 1;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.u-num-btn {
|
||
background: #ffffff;
|
||
opacity: 1;
|
||
border-radius: 4rpx;
|
||
width: 22rpx;
|
||
height: 30rpx;
|
||
line-height: 1;
|
||
|
||
border: 1px solid #f5f6f7;
|
||
}
|
||
|
||
.m-footer-btn-main {
|
||
width: 100%;
|
||
height: 92rpx;
|
||
background: #db384c;
|
||
opacity: 1;
|
||
line-height: 92rpx;
|
||
|
||
font-size: 30rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #ffffff;
|
||
// letter-spacing: 40rpx;
|
||
opacity: 1;
|
||
}
|
||
|
||
.m-footer-btn-item {
|
||
width: 92rpx;
|
||
height: 92rpx;
|
||
}
|
||
|
||
/*底部按钮 start*/
|
||
.m-footer-btn {
|
||
height: 92rpx;
|
||
width: 100%;
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
background-color: #fff;
|
||
text-align: center;
|
||
z-index: 3;
|
||
}
|
||
|
||
.m-footer-btn-list {
|
||
width: 50%;
|
||
height: 100%;
|
||
position: relative;
|
||
float: left;
|
||
display: flex;
|
||
}
|
||
|
||
.m-footer-btn-list::before {
|
||
content: " ";
|
||
position: absolute;
|
||
left: 0;
|
||
top: -2rpx;
|
||
right: 0;
|
||
height: 2rpx;
|
||
border-bottom: 2rpx solid #d5d5d5;
|
||
color: #cccccc;
|
||
-webkit-transform-origin: 0 100%;
|
||
transform-origin: 0 100%;
|
||
-webkit-transform: scaleY(0.5);
|
||
transform: scaleY(0.5);
|
||
z-index: 3;
|
||
}
|
||
|
||
.m-footer-btn-item {
|
||
position: relative;
|
||
float: left;
|
||
width: 33.3333333333333%;
|
||
font-size: 24rpx;
|
||
color: #888;
|
||
line-height: 40rpx;
|
||
padding: 15rpx 0;
|
||
border-right: 1rpx solid #d5d5d5;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.m-footer-btn-item::last-child {
|
||
border: none;
|
||
}
|
||
|
||
.m-footer-btn-icon {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
margin: 0 auto;
|
||
position: relative;
|
||
}
|
||
|
||
.m-footer-btn-item image {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
}
|
||
|
||
.m-footer-btn-item contact-button {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
left: 0;
|
||
top: 0;
|
||
opacity: 0;
|
||
}
|
||
|
||
.m-footer-desable {
|
||
-webkit-filter: grayscale(1);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
.u-go-home1 {
|
||
height: 100%;
|
||
}
|
||
|
||
.video {
|
||
position: absolute;
|
||
bottom: 40rpx;
|
||
left: 44%;
|
||
}
|
||
|
||
.m-tab {
|
||
margin-top: 6rpx;
|
||
}
|
||
|
||
.m-navbar-item.m-navbar-item-on {
|
||
background-color: #ffffff;
|
||
text-align: center;
|
||
}
|
||
|
||
.old-price {
|
||
color: #888;
|
||
margin-left: 5px;
|
||
text-decoration: line-through;
|
||
font-size: 13px;
|
||
}
|
||
|
||
/* share */
|
||
.textarea-wrp {
|
||
padding: 0 20rpx;
|
||
}
|
||
|
||
.page-section {
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.textarea {
|
||
border: 2rpx solid #d8d8d8;
|
||
padding: 10rpx;
|
||
height: 90rpx;
|
||
width: 690rpx;
|
||
}
|
||
|
||
.uni-input {
|
||
border: 2rpx solid #d8d8d8;
|
||
padding: 0 10rpx;
|
||
width: 690rpx;
|
||
}
|
||
|
||
.m-detail {
|
||
// padding:20rpx;
|
||
margin: 20rpx;
|
||
background: #f5f6f7;
|
||
border-radius: 20rpx;
|
||
}
|
||
|
||
.m-panel:before {
|
||
border-top: 0px solid #e5e5e5;
|
||
}
|
||
|
||
.u-cart-num uni-input {
|
||
width: 48rpx;
|
||
height: 36rpx;
|
||
font-size: 26rpx;
|
||
}
|
||
|
||
.m-RichText {
|
||
background: #fff;
|
||
padding: 0 10px 10px;
|
||
}
|
||
</style> |