mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-02 10:16:38 +08:00
Merge branch 'sit-Carl' into sit-Leung
# Conflicts: # rc-busness/pages/index.vue # rc-busness/pages/productdetails/producted.vue
This commit is contained in:
commit
3672d64473
@ -205,7 +205,13 @@ picture {
|
|||||||
white-space: normal;
|
white-space: normal;
|
||||||
color: #E2001A;
|
color: #E2001A;
|
||||||
}
|
}
|
||||||
|
.desc {
|
||||||
|
height:3.8rem;
|
||||||
|
white-space: break-spaces;
|
||||||
|
word-break: keep-all;
|
||||||
|
margin:1rem auto;
|
||||||
|
line-height:1.9rem;
|
||||||
|
}
|
||||||
i {
|
i {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
|
@ -106,6 +106,32 @@ let devData={
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
],
|
||||||
|
amature:[
|
||||||
|
{
|
||||||
|
title: "中型幼犬离乳期全价奶糕",
|
||||||
|
productimage: "/images/dogfoot.png",
|
||||||
|
detail: "中心犬离乳期专属 高易再水合颗粒 帮助增强保护健康成长",
|
||||||
|
productCode:'17220400',
|
||||||
|
price: "¥263",
|
||||||
|
productList: [
|
||||||
|
{
|
||||||
|
productCode: "17220400,17221000,1722040002,17220400F03",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "皇家离乳期幼猫全价奶糕",
|
||||||
|
productimage: "/images/catfoot.png",
|
||||||
|
detail: "幼猫成长专属 支持幼猫自身保护力 为快速生长提供足够能量",
|
||||||
|
price: "¥189",
|
||||||
|
productCode:'20010200',
|
||||||
|
productList: [
|
||||||
|
{
|
||||||
|
productCode: "20010200,20011000,20010040",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -218,6 +244,32 @@ let prdData={
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
],
|
||||||
|
amature:[
|
||||||
|
{
|
||||||
|
title: "中型幼犬离乳期全价奶糕",
|
||||||
|
productimage: "/images/dogfoot.png",
|
||||||
|
detail: "中心犬离乳期专属 高易再水合颗粒 帮助增强保护健康成长",
|
||||||
|
ecPrice: "¥263",
|
||||||
|
productCode:'17220400',
|
||||||
|
productList: [
|
||||||
|
{
|
||||||
|
productCode: "17220400,17221000,1722040002,17220400F03",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "皇家离乳期幼猫全价奶糕",
|
||||||
|
productimage: "/images/catfoot.png",
|
||||||
|
detail: "幼猫成长专属 支持幼猫自身保护力 为快速生长提供足够能量",
|
||||||
|
ecPrice: "¥189",
|
||||||
|
productCode:'20010200',
|
||||||
|
productList: [
|
||||||
|
{
|
||||||
|
productCode: "20010200,20011000,20010040",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
//Production data end
|
//Production data end
|
||||||
|
@ -1032,7 +1032,7 @@
|
|||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<FixRight></FixRight>
|
<FixRight ref="fixRightComponent"></FixRight>
|
||||||
<div v-if="!dataLoaded" class="ts-mask">
|
<div v-if="!dataLoaded" class="ts-mask">
|
||||||
<div class="ts-mask-bg"></div>
|
<div class="ts-mask-bg"></div>
|
||||||
<div class="userloding"></div>
|
<div class="userloding"></div>
|
||||||
@ -1259,6 +1259,7 @@ export default {
|
|||||||
],
|
],
|
||||||
catlistvideo: [
|
catlistvideo: [
|
||||||
|
|
||||||
|
|
||||||
],
|
],
|
||||||
|
|
||||||
doglistvideo: [
|
doglistvideo: [
|
||||||
@ -1313,7 +1314,7 @@ export default {
|
|||||||
// console.log("1");
|
// console.log("1");
|
||||||
// }
|
// }
|
||||||
if (this.realIndex == 2) {
|
if (this.realIndex == 2) {
|
||||||
console.log(vm.userdata.data.id)
|
|
||||||
// setTimeout(() => {
|
// setTimeout(() => {
|
||||||
// var option = {
|
// var option = {
|
||||||
// customer: {
|
// customer: {
|
||||||
@ -1399,7 +1400,7 @@ export default {
|
|||||||
watch: {},
|
watch: {},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkIsLogin();
|
this.checkIsLogin();
|
||||||
this.userdata = this.$store.state.userInfo;
|
|
||||||
const that = this;
|
const that = this;
|
||||||
|
|
||||||
this.ifAdoid();
|
this.ifAdoid();
|
||||||
@ -1422,29 +1423,10 @@ export default {
|
|||||||
window.removeEventListener("scroll", this.scrollToTop);
|
window.removeEventListener("scroll", this.scrollToTop);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
...mapMutations(["checkIsLogin"]),
|
||||||
diaoqi(){
|
diaoqi(){
|
||||||
setTimeout(() => {
|
this.$refs['fixRightComponent'].lianxi({title:'营养专家'});
|
||||||
var option = {
|
|
||||||
customer: {
|
|
||||||
id: "",
|
|
||||||
name: "",
|
|
||||||
email: "",
|
|
||||||
mobile: "",
|
|
||||||
memberId: vm.userdata.data.id,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
dis_livchat(option);
|
|
||||||
_hmt.push([
|
|
||||||
"_trackCustomEvent",
|
|
||||||
"sol_consult",
|
|
||||||
{
|
|
||||||
"page":this.$route.path,
|
|
||||||
"shop_head_banner": 1,
|
|
||||||
}
|
|
||||||
])
|
|
||||||
}, 500);
|
|
||||||
},
|
},
|
||||||
...mapMutations(["checkIsLogin"]),
|
|
||||||
playMobileVideo(item) {
|
playMobileVideo(item) {
|
||||||
let videoPath = item.video;
|
let videoPath = item.video;
|
||||||
let player = this.$refs["mobile-video-player"];
|
let player = this.$refs["mobile-video-player"];
|
||||||
|
130
rc-busness/pages/resentation/resentation.vue
Normal file
130
rc-busness/pages/resentation/resentation.vue
Normal file
@ -0,0 +1,130 @@
|
|||||||
|
<template>
|
||||||
|
<div class="rc-padding-y--lg">
|
||||||
|
<Myheader></Myheader>
|
||||||
|
<div class="rc-top"></div>
|
||||||
|
<div class="ts-banner-swiper-container">
|
||||||
|
<picture>
|
||||||
|
<source
|
||||||
|
media="(max-width: 768px)"
|
||||||
|
srcset="/images/rc-phone.png"
|
||||||
|
/>
|
||||||
|
<source
|
||||||
|
media="(min-width: 769px)"
|
||||||
|
srcset="/images/userbanner.png"
|
||||||
|
/>
|
||||||
|
<img src="/images/banner/pc-weixin.png" />
|
||||||
|
</picture>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<ul class="ts-product-list rc-margin-bottom--lg">
|
||||||
|
<li
|
||||||
|
v-for="(item, index) in dataList.amature"
|
||||||
|
:key="index"
|
||||||
|
class="rc-margin-top--md"
|
||||||
|
>
|
||||||
|
<h2 class="rc-beta rc-margin-y--md">{{ index==1?'明星犬粮':'明星猫粮' }}</h2>
|
||||||
|
<div
|
||||||
|
class="rc-click rc-margin-bottom--md"
|
||||||
|
@click="selectproduce(item, index)"
|
||||||
|
>
|
||||||
|
<div class="rc-rccontair">
|
||||||
|
<img :src="item.productimage" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rc-column">
|
||||||
|
<div class="rc-click" @click="selectproduce(item, index)">
|
||||||
|
<span>{{ item.title }}</span>
|
||||||
|
<div class="desc">{{ item.detail }}</div>
|
||||||
|
</div>
|
||||||
|
<strong
|
||||||
|
class="
|
||||||
|
ts-standard-btn ts-standard-btn--two
|
||||||
|
rc-margin-y--md
|
||||||
|
center
|
||||||
|
"
|
||||||
|
@click="selectproduce(item, index)"
|
||||||
|
>点击查看</strong
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="contair">
|
||||||
|
<nuxt-link :to="`/productdetails/productlist/`">
|
||||||
|
<span class="ts-standard-btn center">查看更多</span>
|
||||||
|
</nuxt-link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Myheader from "~/components/header.vue";
|
||||||
|
import envData from "~/config/env-data.js";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
envData,
|
||||||
|
dataList:{amature:[]}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
Myheader,
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
let env=process.env.NODE_ENV;
|
||||||
|
this.dataList=this.envData[env];
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
selectproduce(item) {
|
||||||
|
let isRxGoods = false;
|
||||||
|
let productCode = [];
|
||||||
|
let mainProductCode = item.productCode;
|
||||||
|
if (!item.ecPrice && !item.price) {
|
||||||
|
isRxGoods = 1;
|
||||||
|
productCode = [item.productCode];
|
||||||
|
} else {
|
||||||
|
for (let i of item.productList) {
|
||||||
|
productCode.push(i.productCode);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.$router.push({
|
||||||
|
path: "/productdetails/producted",
|
||||||
|
query: {
|
||||||
|
stype: 1,
|
||||||
|
isRxGoods: isRxGoods,
|
||||||
|
mainProductCode: mainProductCode,
|
||||||
|
productCode: productCode.join(","),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped >
|
||||||
|
.ts-banner-swiper-container {
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ts-product-list li{
|
||||||
|
border:none;
|
||||||
|
max-width:22.75rem;
|
||||||
|
min-width:22.75rem;
|
||||||
|
width:22.75rem;
|
||||||
|
h2{
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.rc-column span {
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
.desc {
|
||||||
|
width:13rem;
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
BIN
rc-busness/static/images/catfoot.png
Normal file
BIN
rc-busness/static/images/catfoot.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 143 KiB |
BIN
rc-busness/static/images/dogfoot.png
Normal file
BIN
rc-busness/static/images/dogfoot.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 194 KiB |
BIN
rc-busness/static/images/rc-phone.png
Normal file
BIN
rc-busness/static/images/rc-phone.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 145 KiB |
BIN
rc-busness/static/images/userbanner.png
Normal file
BIN
rc-busness/static/images/userbanner.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 710 KiB |
Loading…
Reference in New Issue
Block a user