Skip to content

M
mallapp
Commit c5d70189 authored by zhengke's avatar zhengke
Browse files
Options

21212

parent e6250ddb
Hide whitespace changes
Inline Side-by-side
Showing with 246 additions and 217 deletions
components/checkin/index.vue
View file @ c5d70189
......@@ -2,17 +2,15 @@
<view
class="checkin"
:style="{
color: check.textColor,
'text-align': check.textPosition,
'background-image': 'url(' + check.backgroundPicUrl + ')',
}"
>
<template v-if="check.showText">
<text>
今日签到可获得5积分
<view style="width:100%" :style="{color:check.textColor,'text-align':check.textPosition}">
<view style="margin-bottom:10px;">今日签到可获得5积分</view>
<!-- todo 签到功能对接 -->
\n 已连续签到9天
</text>
<view>已连续签到9天</view>
</view>
</template>
<view
class="hot-area"
......
components/empty/index.vue
View file @ c5d70189
......@@ -11,7 +11,7 @@ export default {
}
},
created() {
this.st=`background:#${this.block.background};height:${this.block.height}rpx`
this.st=`background:${this.block.background};height:${this.block.height}rpx`
},
}
</script>
......
components/goods/index.vue
View file @ c5d70189
<template>
<div class="goods-box" :class="{ flex: goods.catPosition == 'left' }">
<view :style="{ margin: goods.catStyle == 1 ? '0px' : '10px 5px' }">
<u-tabs
v-if="
goods.showCat &&
goods.catPosition == 'top' &&
goods.catList.length > 1
"
name="name"
:list="goods.catList"
:is-scroll="true"
:active-color="mainColor"
:current="activeKey"
:show-bar="goods.catStyle == 1"
:bold="false"
:type-style="goods.catStyle"
:height="goods.catStyle == 1 ? '88' : '44'"
@change="tabChangeHandler"
></u-tabs>
</view>
<view class="left-slider">
<sidebar
:active="activeKey"
v-if="goods.showCat && goods.catPosition == 'left'"
:list="goods.catList"
name="menuName"
:active-color="mainColor"
:border="false"
@change="tabChangeHandler"
>
</sidebar>
</view>
<div :class="{ 'right-slider': goods.catPosition == 'top' }">
<style1
v-if="
goods.listStyle == 1 && goods.showCat && goods.catPosition == 'top'
"
:goods-info="goods"
:good-list="currentList"
></style1>
<style2
v-if="
goods.listStyle == 2 && goods.showCat && goods.catPosition == 'top'
"
:goods-info="goods"
:good-list="currentList"
></style2>
<style3
v-if="
goods.listStyle == 3 && goods.showCat && goods.catPosition == 'top'
"
:goods-info="goods"
:good-list="currentList"
></style3>
<style4
v-if="
goods.listStyle == -1 || !goods.showCat || goods.catPosition == 'left'
"
:goods-info="goods"
:good-list="currentList"
></style4>
<style5
v-if="
goods.listStyle == 0 && goods.showCat && goods.catPosition == 'top'
"
:goods-info="goods"
:good-list="currentList"
></style5>
</div>
</div>
<div class="goods-box" :class="{ flex: goods.catPosition == 'left' }">
<view :style="{ margin: goods.catStyle == 1 ? '0px' : '10px 5px' }">
<u-tabs
v-if="goods.showCat && goods.catPosition == 'top' && goods.catList.length > 1"
name="name"
:list="goods.catList"
:is-scroll="true"
:active-color="mainColor"
:current="activeKey"
:show-bar="goods.catStyle == 1"
:bold="false"
:type-style="goods.catStyle"
:height="goods.catStyle == 1 ? '88' : '44'"
@change="tabChangeHandler"
></u-tabs>
</view>
<div :class="{ 'right-slider': goods.catPosition == 'top' }">
<!-- 有分类 -->
<template v-if="goods.showCat">
<template v-if="goods.catPosition == 'top'">
<!-- 一行一个 -->
<style1 v-if="goods.listStyle == 1" :goods-info="goods" :good-list="currentList"></style1>
<!-- 一行两个 -->
<style2 v-if="goods.listStyle == 2" :goods-info="goods" :good-list="currentList"></style2>
<!-- 一行三个 -->
<style3 v-if="goods.listStyle == 3" :goods-info="goods" :good-list="currentList"></style3>
<!-- 左右滚动 -->
<style5 v-if="goods.listStyle == 0" :goods-info="goods" :good-list="currentList"></style5>
<!--列表模式-->
<style6 v-if="goods.listStyle == -1" :goods-info="goods" :good-list="currentList"></style6>
</template>
<template v-else-if="goods.catPosition == 'left'">
<!-- 左侧分类 -->
<view>
<view class="left-slider">
<sidebar
:active="activeKey"
v-if="goods.showCat && goods.catPosition == 'left'"
:list="goods.catList"
name="menuName"
:active-color="mainColor"
:border="false"
@change="tabChangeHandler"
></sidebar>
</view>
<!-- 右侧列表 -->
<view class="style4View"><style4 :goods-info="goods" :good-list="currentList"></style4></view>
</view>
</template>
</template>
<!-- 只是商品 -->
<template v-else>
<!--一行一个-->
<style1 v-if="goods.listStyle == 1" :goods-info="goods" :good-list="currentList"></style1>
<!--一行两个-->
<style2 v-if="goods.listStyle == 2" :goods-info="goods" :good-list="currentList"></style2>
<!--一行三个-->
<style3 v-if="goods.listStyle == 3" :goods-info="goods" :good-list="currentList"></style3>
<!--左右滚动-->
<style5 v-if="goods.listStyle == 0" :goods-info="goods" :good-list="currentList"></style5>
<!--列表模式-->
<style6 v-if="goods.listStyle == -1" :goods-info="goods" :good-list="currentList"></style6>
</template>
</div>
</div>
</template>
<script>
import style1 from "./style1";
import style2 from "./style2";
import style3 from "./style3";
import style4 from "./style4";
import style5 from "./style5";
import sidebar from "../sidebar/index";
import style1 from './style1';
import style2 from './style2';
import style3 from './style3';
import style4 from './style4';
import style5 from './style5';
import style6 from './style6';
import sidebar from '../sidebar/index';
export default {
props: ["goods"],
components: {
style1,
style2,
style3,
style4,
style5,
sidebar,
},
data() {
return {
mainColor: "",
activeKey: 0,
currentList: [],
};
},
created() {
this.mainColor = this.$uiConfig.mainColor;
if (this.goods.showCat) {
this.currentList = this.goods.catList[0].goodsList;
} else {
this.currentList = this.goods.list;
}
},
methods: {
tabChangeHandler(i) {
this.currentList = this.goods.catList[i].goodsList;
this.activeKey = i;
},
},
props: ['goods'],
components: {
style1,
style2,
style3,
style4,
style5,
style6,
sidebar
},
data() {
return {
mainColor: '',
activeKey: 0,
currentList: []
};
},
created() {
console.log(this.goods, 'goods');
this.mainColor = this.$uiConfig.mainColor;
if (this.goods.showCat) {
this.currentList = this.goods.catList[0].goodsList;
} else {
this.currentList = this.goods.list;
}
},
methods: {
tabChangeHandler(i) {
this.currentList = this.goods.catList[i].goodsList;
this.activeKey = i;
}
}
};
</script>
<style>
.style4View {
display: inline-block;
width: 100%;
padding-left: 80px;
box-sizing: border-box;
}
.goods-box {
/* margin: 20rpx 0; */
/* margin: 20rpx 0; */
}
.goods-box .tips {
z-index: 50 !important;
z-index: 50 !important;
}
.goods-box.flex {
display: flex;
display: flex;
}
.goods-box.flex .left-slider {
width: 80px;
width: 80px;
position: absolute;
}
.goods-box.flex .right-slider {
flex: 1;
width: 1rpx;
flex: 1;
width: 1rpx;
}
.defaultz .van-sticky {
z-index: 1 !important;
z-index: 1 !important;
}
.goods-box .van-tabs__scroll {
background: none;
background: none;
}
.goods-box ._div {
width: 100%;
}
</style>
components/goods/style1.vue
View file @ c5d70189
......@@ -27,7 +27,7 @@
<image
style="width: calc(100vw - 24px); height: 66vw;"
:mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
:src="item.cover_pic"
:src="item.picUrl"
v-if="goodsInfo.goodsCoverProportion == '3-2'"
/>
<image
......@@ -38,7 +38,7 @@
"
v-if="goodsInfo.goodsCoverProportion == '1-1'"
:mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
:src="item.cover_pic"
:src="item.picUrl"
/>
<div class="good-info">
<div class="good-name" v-if="goodsInfo.showGoodsName">
......@@ -46,7 +46,7 @@
</div>
<div class="good-price-info">
<span class="price" :style="{ color: mainColor }">{{
goodsInfo.showGoodsPrice ? item.price_content : ""
goodsInfo.showGoodsPrice ? item.price : ""
}}</span>
<span class="buy" v-if="goodsInfo.showBuyBtn">
<u-icon
......@@ -97,6 +97,7 @@ export default {
};
},
created() {
console.log('来了老弟');
this.mainColor = this.$uiConfig.mainColor;
},
methods: {
......
components/goods/style2.vue
View file @ c5d70189
......@@ -33,7 +33,7 @@
border-radius: 10rpx 10rpx 0 0;
"
:mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
:src="item.cover_pic"
:src="item.picUrl"
/>
</view>
</view>
......@@ -43,7 +43,7 @@
</view>
<view class="good-price-info">
<view class="price" :style="{'color':mainColor}">{{
goodsInfo.showGoodsPrice ? item.price_content : ""
goodsInfo.showGoodsPrice ? item.price : ""
}}</view>
<view class="buy" v-if="goodsInfo.showBuyBtn">
<u-icon
......@@ -166,6 +166,7 @@ export default {
-webkit-box-orient: vertical;
margin: 3px 0;
font-size: 13px;
min-height:35px;
}
.good-two .good-info .good-price-info {
display: flex;
......
components/goods/style3.vue
View file @ c5d70189
......@@ -33,7 +33,7 @@
border-radius: 10rpx 10rpx 0 0;
"
:mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
:src="item.cover_pic"
:src="item.picUrl"
/>
</div>
</div>
......@@ -43,7 +43,7 @@
</div>
<div class="good-price-info">
<view class="price" :style="{'color':mainColor}">{{
goodsInfo.showGoodsPrice ? item.price_content : ""
goodsInfo.showGoodsPrice ? item.price : ""
}}</view>
<view class="buy" v-if="goodsInfo.showBuyBtn">
<u-icon
......@@ -167,6 +167,7 @@ export default {
margin: 3px 0;
font-size: 13px;
word-break:break-all;
min-height:34px;
}
.good-three .good-info .good-price-info {
display: flex;
......
components/goods/style4.vue
View file @ c5d70189
<template>
<view
style="padding: 12px; padding-bottom: 0;"
<view
style="padding: 12px; padding-bottom: 0;width:100%;"
:style="{
'background-color': goodsInfo.backgroundColor,
'background-image': goodsInfo.backgroundPicUrl,
......@@ -29,7 +29,7 @@
<image
style="width: 100%; height: 100%;"
:mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
:src="item.cover_pic"
:src="item.picUrl"
/>
</view>
<view class="good-info">
......@@ -38,7 +38,7 @@
}}</view>
<view class="good-price-info">
<view class="price" :style="{'color':mainColor}">{{
goodsInfo.showGoodsPrice ? item.price_content : ""
goodsInfo.showGoodsPrice ? item.price : ""
}}</view>
<view class="buy" v-if="goodsInfo.showBuyBtn">
<u-icon
......@@ -89,6 +89,7 @@ export default {
};
},
created() {
console.log(this.goodList,'来了');
this.mainColor = this.$uiConfig.mainColor;
},
methods: {
......@@ -131,6 +132,7 @@ export default {
padding-bottom: 0;
display: flex;
flex-direction: column;
/* width:20%; */
}
.good-four .good-info .good-name {
font-size: 13px;
......
components/goods/style5.vue
View file @ c5d70189
......@@ -28,7 +28,7 @@
<image
style="width: 100%; height: 100%; border-radius: 10rpx 10rpx 0 0;"
:mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
:src="item.cover_pic"
:src="item.picUrl"
/>
</view>
</view>
......@@ -40,7 +40,7 @@
</view>
<view class="good-price-info">
<view class="price" :style="{'color':mainColor}">{{
goodsInfo.showGoodsPrice ? item.price_content : ""
goodsInfo.showGoodsPrice ? item.price : ""
}}</view>
<view class="buy" v-if="goodsInfo.showBuyBtn">
<u-icon
......@@ -92,6 +92,7 @@ export default {
};
},
created() {
console.log('5555555');
this.mainColor = this.$uiConfig.mainColor;
},
methods: {
......
components/gridnav/index.vue
View file @ c5d70189
......@@ -2,11 +2,10 @@
<div class="mynav">
<swiper
:autoplay="false"
style="background: #fff;"
:style="{ height: height + 'rpx' }"
:style="{'height': height + 'rpx' }"
>
<swiper-item v-for="(item, index) in cols" :key="index">
<view :style="formatStyle">
<view :style="[formatStyle]">
<u-grid :col="navs.columns" align="left" :border="false">
<u-grid-item
v-for="(c, i) in item"
......@@ -15,11 +14,11 @@
@click="clickHandler(c.url)"
>
<image
:src="c.icon"
:src="getIconLink(c.icon)"
mode="widthFix"
style="width: 88rpx; height: 88rpx;"
/>
<text>{{ c.name }}</text>
<text :style="{'color':navs.color}">{{ c.name }}</text>
</u-grid-item>
</u-grid>
</view>
......@@ -39,6 +38,7 @@ export default {
};
},
created() {
console.log(this.navs,'navsss');
let tempArray = [];
this.height = this.navs.rows * this.height;
this.navs.navs.forEach((x, i) => {
......@@ -82,4 +82,7 @@ export default {
margin-top: 4rpx;
color: "#330330";
}
.grid-text view{
background: transparent!important;
}
</style>
components/notice/index.vue
View file @ c5d70189
......@@ -48,7 +48,7 @@ export default {
if (this.notice.icon && this.notice.icon != "") {
this.defaultIcon = this.notice.icon;
}
this.list.push(this.notice.name);
this.list.push(this.notice.name+'：'+this.notice.content);
this.buttonStyle = {
background:this.notice.btnColor,
width:this.notice.btnWidth,
......
components/rubik/index.vue
View file @ c5d70189
......@@ -10,7 +10,7 @@
:style="[item.formatStyle]"
@click="clickHandler(item.link.new_link_url)"
>
<img :src="item.pic_url" mode="widthFix" />
<img :src="item.pic_url" mode="widthFix"/>
</view>
</view>
</template>
......@@ -29,7 +29,7 @@ export default {
backgroundRepeat: x.backgroundRepeat,
backgroundSize: x.backgroundSize,
backgroundPosition: x.backgroundPosition,
height: x.height,
border:'1px solid red'
};
if (this.ad.height == "auto") {
x.formatStyle.position = "unset";
......
components/sidebar/index.vue
View file @ c5d70189
......@@ -87,7 +87,6 @@ export default {
}
.side-box .item {
height: 50px;
line-height: 50px;
border-bottom: 1rpx solid #eee;
box-sizing: border-box;
border-left: 6rpx solid transparent;
......
components/swiper/index.vue
View file @ c5d70189
......@@ -37,6 +37,11 @@ export default {
};
},
created() {
if(this.swipers.banners.length>0){
this.swipers.banners.forEach(x=>{
x.picUrl=this.getIconLink(x.picUrl)
})
}
this.banners = this.swipers.banners;
},
methods: {
......
components/userorder/index.vue
View file @ c5d70189
......@@ -5,6 +5,7 @@
<u-grid-item
v-for="(c, i) in uo.navs"
:key="i"
class="uu_grid"
@click="clickHandler(c.url)"
>
<image
......@@ -38,4 +39,7 @@ export default {
margin-top: 4rpx;
color: "#330330";
}
.uu_grid view{
background: transparent!important;
}
</style>
pages/index/index.vue
View file @ c5d70189
<template>
<view class="content">
<u-tabs
v-if="indexPageData.home_pages.navs.length > 1"
v-if="myPageData.home_pages.navs.length > 1"
name="name"
:list="indexPageData.home_pages.navs"
:list="myPageData.home_pages.navs"
:is-scroll="true"
:active-color="mainColor"
:current="active"
......@@ -11,7 +11,7 @@
:font-size="32"
@change="changeHandler"
></u-tabs>
<template v-for="(item, i) in indexPageData.home_pages.navs">
<template v-for="(item, i) in myPageData.home_pages.navs">
<view :style="item.templateBg" :key="i" v-show="active == i">
<template v-for="(d, di) in item.template.data">
<search v-if="d.id == 'search'" :styleStr="d.data" :key="di"></search>
......@@ -92,6 +92,7 @@ export default {
data() {
return {
title: "Hello",
myPageData:{},
indexPageData: {},
mainColor: "",
active: 0,
......@@ -132,92 +133,97 @@ export default {
},
methods: {
init() {
if (uni.getStorageSync("indexdata")) {
this.indexPageData = uni.getStorageSync("indexdata");
this.indexPageData.home_pages.navs[0].template.data.push({
id: "quick-nav",
permission_key: "",
data: {
navSwitch: 1,
useMallConfig: false,
navStyle: 1,
closedPicUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200309/2377f4a89a86598a6b442503356f7624.png",
openedPicUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200309/2377f4a89a86598a6b442503356f7624.png",
home: {
opened: true,
picUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200305/032f41de1ce0ac0cc655a02e6f8aa226.png",
},
customerService: {
opened: true,
picUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200305/cd0092c67dbe71cce73e9ed8266748d0.png",
},
tel: {
opened: true,
picUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200305/2377f4a89a86598a6b442503356f7624.png",
number: "",
},
web: {
opened: true,
picUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200305/b6e82d2d3d7e0aea24bb0e3bd3125842.png",
url: "http://www.baidu.com",
},
mApp: {
opened: true,
picUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200305/3681e31f5fae422b9f16fd5b257c9026.png",
appId: "",
page: "",
},
mapNav: {
opened: true,
picUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200305/2058797984c620a54ca9254d4d7e4d85.png",
address: "中国四川省成都市锦江区大慈寺路48号",
location: "30.656180,104.083290",
},
customize: {
opened: true,
picUrl:
"https://cdnimg.iotweixin.com/uploads/mall1285/20200415/c9d23be434e910ccb8dc500fe5fe611d.png",
open_type: "navigate",
link_url: "/pages/address/address",
key: "",
},
},
});
if (false) {
// if (uni.getStorageSync("indexdata")) {
// this.indexPageData = uni.getStorageSync("indexdata");
// this.indexPageData.home_pages.navs[0].template.data.push({
// id: "quick-nav",
// permission_key: "",
// data: {
// navSwitch: 1,
// useMallConfig: false,
// navStyle: 1,
// closedPicUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200309/2377f4a89a86598a6b442503356f7624.png",
// openedPicUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200309/2377f4a89a86598a6b442503356f7624.png",
// home: {
// opened: true,
// picUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200305/032f41de1ce0ac0cc655a02e6f8aa226.png",
// },
// customerService: {
// opened: true,
// picUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200305/cd0092c67dbe71cce73e9ed8266748d0.png",
// },
// tel: {
// opened: true,
// picUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200305/2377f4a89a86598a6b442503356f7624.png",
// number: "",
// },
// web: {
// opened: true,
// picUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200305/b6e82d2d3d7e0aea24bb0e3bd3125842.png",
// url: "http://www.baidu.com",
// },
// mApp: {
// opened: true,
// picUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200305/3681e31f5fae422b9f16fd5b257c9026.png",
// appId: "",
// page: "",
// },
// mapNav: {
// opened: true,
// picUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200305/2058797984c620a54ca9254d4d7e4d85.png",
// address: "中国四川省成都市锦江区大慈寺路48号",
// location: "30.656180,104.083290",
// },
// customize: {
// opened: true,
// picUrl:
// "https://cdnimg.iotweixin.com/uploads/mall1285/20200415/c9d23be434e910ccb8dc500fe5fe611d.png",
// open_type: "navigate",
// link_url: "/pages/address/address",
// key: "",
// },
// },
// });
this.formatBg();
this.formatBg();
} else {
this.request(
{
url: "",
url: '/api/Mall/GetHome',
data: {
r: "api/index/index",
page_id: 0,
longitude: "",
latitude: "",
MiniAppId:'wxacd9f8cc3480d29e'
},
},
(res) => {
//this.isloading = false;
this.indexPageData = res.data;
wx.setStorageSync("indexdata", this.indexPageData);
if (res.data.home_pages.title != "") {
console.log(res.data,'home');
this.indexPageData = res.data.home_pages.navs[0].template.data;
this.myPageData=res.data;
wx.setStorageSync("indexdata", this.myPageData);
if (res.data.title != "") {
uni.setNavigationBarTitle({
title: this.basedata.mall.name,
title: res.data.home_pages.title,
});
}
// if (this.indexPageData.home_pages.navs.length > 1) {
// this.activeName = this.indexPageData.home_pages.navs[0].name;
// }
this.formatBg();
}
},
(error)=>{
console.log('2222');
console.log(error);
}
);
}
},
......@@ -225,7 +231,7 @@ export default {
this.active = i;
},
formatBg() {
this.indexPageData.home_pages.navs.forEach((y) => {
this.myPageData.home_pages.navs.forEach((y) => {
y.template.data.forEach((x) => {
if (x.id == "background") {
let t = "";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment