Skip to content

Y
ybf
Commit d219c02e authored by xd's avatar xd
Browse files
Options

切换专柜未写

parent fbeb2c85
Show whitespace changes
Inline Side-by-side
Showing with 736 additions and 795 deletions
wx_application/public/counterPageHome/index.html
View file @ d219c02e
......@@ -13,9 +13,20 @@
padding: 0;
margin: 0;
}
/* .swiper-container {
height: 400px;
} */
.center {
display: flex;
justify-content: start;
flex-direction: column;
width: 100%;
}
.swiper-container {
height: 500px;
width: 100%;
}
.swiper-container img {
height: 500px;
width: 100%;
}
.list {
height: auto;
width: 100%;
......@@ -58,41 +69,41 @@
font-size: 24px;
color: rgba(45, 71, 106, 0.8);
}
.fwb {
width: 100%;
padding: 30px !important;
}
</style>
</head>
<body>
<div class="center">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="http://files.cailiao.com/vue/cailiao/pc_21/images/ba1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="http://files.cailiao.com/vue/cailiao/pc_21/images/ba2.png" alt="">
</div>
<div class="swiper-slide">
<img src="http://files.cailiao.com/vue/cailiao/pc_21/images/ba3.png" alt="">
</div>
</div>
<div class="swiper-wrapper" id="slider"></div>
<div class="swiper-pagination"></div>
</div>
<div class="list">
<div class="left flex">
<img src="../img/counter.png" alt="" />
<img id="logo" src="" alt="" />
</div>
<div class="right">
<div class="title">欧亚一号专柜</div>
<div class="txt">
<i class="iconfont icon-dianhua" style="font-size: 16px;"></i>
<span>18888888888</span>
<span id="phone">18888888888</span>
</div>
<div class="txt">
<i class="iconfont icon-dizhi" style="font-size: 16px;"></i>
<span>欧亚商场一楼181号</span>
<span id="address">欧亚商场一楼181号</span>
</div>
</div>
</div>
<div id="fwb" style="padding: 40px;" >
</div>
</div>
<script>
// 获取店铺code
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg)
......@@ -103,67 +114,51 @@
r = null
return context == null || context == "" || context == "undefined" ? "" : context;
}
// alert(GetQueryString("storeCode"))
const storecode = GetQueryString("storeCode")
$(function () {
showQRInfo()
});
const showQRInfo = () => {
// let pageUri = `${nowUrl}&detailid=${voucherId}&actionid=${activeId}&unionid=${unionId}`;
// let storecode = "181"
let pageUri = `pages/user/register/register?storeCode=${storecode}`
let pageUrl = `http://139.155.48.151:8085/workWx/auth/oauth2/wxMiniQrCode?pageUri=${pageUri}`;
$.ajax({
type: "POST",
url: pageUrl,
data: {},
success: function (res) {
$('#image').attr('src', res.data)
},
error: function (data) {
}
});
}
// 轮播图
const oyStallCode = GetQueryString("oyStallCode")
/* swiper轮播组件 */
var swiper = new Swiper('.swiper-container', {
autoplay: true,
pagination: {
el: '.swiper-pagination',
},
});
/*鼠标移入停止轮播，鼠标离开 继续轮播*/
$('.swiper-container').mouseenter(function () {
swiper.stopAutoplay();
}).mouseleave(function () {
swiper.startAutoplay();
})
$(function () {
showQRInfo()
})
const showQRInfo = () => {
$.ajax({
type: 'GET',
url: `http://139.155.48.151:8084/admin/auth/stall/getByOyStallCode?oyStallCode=${oyStallCode}`,
success: function (data) {
console.log(data,'data')
var str = "";
for (i = 0; i < data.data.carousel.length; i++) {
var _data = data.data.carousel[i]
str += '<div class="swiper-slide"><img src="'+ _data + '" alt=""></div>'
}
$("#slider").append(str)
var mySwiper = new Swiper('.swiper-container', {
loop: true,
autoplay: true,
pagination: '.swiper-pagination',
})
let info = data.data.stallInfo
$("#logo").attr('src',info.logo)
let content = info.summary.replace(/<img/g,'<img style="width:100%;"')
$("#address").text(info.location)
$("#fwb").html(content)
}
})
}
// $(function () {
// $.ajax({
// type: 'GET',
// url: 'a.json',
// success: function (data) {
// var str = "";
// for (i = 0; i < data.list.length; i++) {
// var _data = data.list[i];
// str += '<div class="swiper-slide"><a href="'+_data.URL+'">' +
// '<img src="'+_data.Pic+'" alt=""></a></div>';
// };
// $("#slider").append(str);
// if(data.data.list.length > 1){
// var mySwiper = new Swiper('.swiper-container', {
// loop: true,
// autoplay: 2000,
// pagination: '.swiper-pagination',
// })
// }
// }
// })
/*鼠标移入停止轮播，鼠标离开 继续轮播*/
// $('.swiper-container').mouseenter(function () {
// swiper.stopAutoplay();
// }).mouseleave(function () {
// swiper.startAutoplay();
// })
</script>
</body>
......
wx_application/src/views/counter/changeCounter.vue
View file @ d219c02e
......@@ -14,30 +14,6 @@
</div>
<van-radio slot="right-icon" name="1" />
</van-cell>
<van-cell clickable @click="radio = '2'">
<div class="list">
<div class="left">
<img src="../../../public/img/counter.png" alt="" />
</div>
<div class="right">
<h3>欧亚一号专柜</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<van-radio slot="right-icon" name="2" />
</van-cell>
<van-cell clickable @click="radio = '3'">
<div class="list">
<div class="left">
<img src="../../../public/img/counter.png" alt="" />
</div>
<div class="right">
<h3>欧亚一号专柜</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<van-radio slot="right-icon" name="3" />
</van-cell>
</van-cell-group>
</van-radio-group>
</div>
......
wx_application/src/views/counter/counterEdit.vue
View file @ d219c02e
......@@ -22,6 +22,11 @@
<van-field v-model="addForm.location" placeholder="输入名称" class="input" />
</template>
</van-cell>
<van-cell title="电话">
<template slot="default">
<van-field v-model="addForm.phone" placeholder="输入名称" class="input" />
</template>
</van-cell>
<div class="border">
<div class="des">摘要信息</div>
<van-field
......@@ -74,7 +79,8 @@ export default {
summaryTitle: '',
name: '',
location: '',
summary: ''
summary: '',
phone: ''
},
oyStallCode: '',
list: [],
......
wx_application/src/views/counter/counterInfo.vue
View file @ d219c02e
......@@ -46,8 +46,6 @@ export default {
},
mounted() {
this.oyStallCode = sessionStorage.getItem('oyStallCode')
console.log(this.oyStallCode,'专柜信息oyStallCode');
this.getAgentAuth()
this.getDetail()
},
......
wx_application/src/views/counter/pushStoreInfo.vue
View file @ d219c02e
<template>
<div class="container">
<div>推送</div>
<!-- <div>
<van-search v-model="inputValue" placeholder="请输入搜索关键词" />
</div>
<van-checkbox-group v-model="list" @change="onChange">
<van-cell-group >
<van-cell class="content" v-for="(item, index) in newMemberList" :key="index" clickable data-index="index" bind:click="toggle">
<template slot="title">
<img src="../../../public/img/photo.png" alt="" />
<span class="custom-title">{{ item.name }}</span>
</template>
<van-checkbox slot="right-icon" catch:tap="noop" :name="item.id" />
</van-cell>
</van-cell-group>
</van-checkbox-group> -->
<div>建设中...</div>
</div>
</template>
<script>
import axios from "axios";
import { wxRequest } from '@/utils/aWxRequest'
// import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
// let vConsole = new VConsole()
export default {
data() {
return {
inputValue: '',
newMemberList: [
{
id: 1,
src: "",
name: "Solomon"
},
{
id: 2,
src: "",
name: "Solomon"
}
],
list: [],
info: '',
userId: ''
}
},
mounted() {
this.getAgentAuth()
this.getList()
},
methods: {
getList() {
let url = 'http://oysales.oywanhao.com:8087/counterPageHome'
wx.invoke("shareToExternalContact", {
title: '专柜首页', // 消息的标题
desc: '专柜首页详情', // 消息的描述
link: url, // 消息链接
imgUrl: '' // 消息封面
},function(res) {
if (res.err_msg == "shareToExternalContact:ok") {
this.$router.push({ path: "counterInfo" })
}else {
console.log(res.err_msg,'错误信息')
}
})
// this.userId = sessionStorage.getItem('userId')
// let postData = {
// userId: this.userId
// }
// let header = {
// token: sessionStorage.getItem('XToken'),
// corpId: 'ww4df265003b43fa0d',
// agentId: '1000033'
// }
// wx.invoke('selectExternalContact', { "filterType": 0}, function(res){
// if(res.err_msg == "selectExternalContact:ok"){
// console.log(res,'联系人列表')
// }else {
// console.log('获取失败')
// }
// })
},
onChange(val) { },
toggle(event) {
const { index } = event.currentTarget.dataset;
const checkbox = this.selectComponent(`.checkboxes-${index}`);
checkbox.toggle();
},
noop() {}
}
}
</script>
......
wx_application/src/views/mainSale/active/main/index.vue
View file @ d219c02e
......@@ -2,12 +2,15 @@
<div class="main">
<div class="main-manInfos">
<div class="manInfo-logos">
<img class="logos-logo" :src="test.manInfo.logoUrl">
<img class="logos-logo" :src="test.manInfo.logoUrl" />
</div>
<div class="manInfo-name" @click="manInfoClick">{{test.manInfo.barFrom}}的专柜：{{test.manInfo.barName}}</div>
<div
class="manInfo-name"
@click="manInfoClick"
>{{test.manInfo.barFrom}}的专柜：{{test.manInfo.barName}}</div>
<div class="manInfo-switch" @click="switchBarClick">
<div class="switch-text">切换</div>
<img class="switch-icon" :src="test.manInfo.icon['1']">
<img class="switch-icon" :src="test.manInfo.icon['1']" />
</div>
</div>
<div class="main-tips">
......@@ -18,33 +21,32 @@
<div class="main-menus">
<div class="menus-row">
<div class="menu">
<img class="menu-logo" :src="test.menuInfo.icon['1']">
<img class="menu-logo" :src="test.menuInfo.icon['1']" />
<div class="menu-text">优惠券核销</div>
</div>
<div class="menu" @click="menu02Click">
<img class="menu-logo" :src="test.menuInfo.icon['2']">
<img class="menu-logo" :src="test.menuInfo.icon['2']" />
<div class="menu-text">任务列表</div>
</div>
<div class="menu" @click="menu03Click">
<img class="menu-logo" :src="test.menuInfo.icon['3']">
<img class="menu-logo" :src="test.menuInfo.icon['3']" />
<div class="menu-text">活动列表</div>
</div>
</div>
<div class="menus-row">
<div class="menu" @click="menu04Click">
<img class="menu-logo" :src="test.menuInfo.icon['4']">
<img class="menu-logo" :src="test.menuInfo.icon['4']" />
<div class="menu-text">专柜维护</div>
</div>
<div class="menu" @click="menu05Click">
<img class="menu-logo" :src="test.menuInfo.icon['5']">
<img class="menu-logo" :src="test.menuInfo.icon['5']" />
<div class="menu-text">活动模版</div>
</div>
<div class="menu" @click="menu06Click">
<img class="menu-logo" :src="test.menuInfo.icon['6']">
<img class="menu-logo" :src="test.menuInfo.icon['6']" />
<div class="menu-text">商品管理</div>
</div>
</div>
</div>
<div class="main-actives">
<div class="actives-banners">
......@@ -52,7 +54,7 @@
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['1']">
<img class="active-logo" :src="test.activeInfo.icon['1']" />
</div>
<div class="active-infos">
<div class="active-title">大转盘</div>
......@@ -61,7 +63,7 @@
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['2']">
<img class="active-logo" :src="test.activeInfo.icon['2']" />
</div>
<div class="active-infos">
<div class="active-title">现金券发放</div>
......@@ -70,7 +72,7 @@
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['3']">
<img class="active-logo" :src="test.activeInfo.icon['3']" />
</div>
<div class="active-infos">
<div class="active-title">集卡</div>
......@@ -79,25 +81,28 @@
</div>
<div class="actives-mores">
<div class="mores-title">查看更多</div>
<img class="mores-icon" :src="test.cache.arrowRightDark">
<img class="mores-icon" :src="test.cache.arrowRightDark" />
</div>
</div>
<div class="main-menuBar">
<div class="menuBar-menu" @click="menuBarClick('MainSale')">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['1']">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['1']" />
<div class="menuBar-title menuBar-title-ac">活动</div>
</div>
<div class="menuBar-menu" @click="menuCase()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['2']">
<div class="menuBar-menu" @click="menuCase()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['2']" />
<div class="menuBar-title">案例</div>
</div>
<div class="menuBar-menu" @click="menuProfit()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['3']">
<div class="menuBar-menu" @click="menuProfit()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['3']" />
<div class="menuBar-title">收益</div>
</div>
<div class="menuBar-menu" @click="menuTask()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['4']">
<div class="menuBar-menu" @click="menuTask()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['4']" />
<div class="menuBar-title">任务</div>
</div>
<div class="menuBar-menu" @click="menuBarClick('Me')">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['5']">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['5']" />
<div class="menuBar-title">我的</div>
</div>
</div>
......@@ -105,7 +110,9 @@
</template>
<script>
export default {
import axios from "axios"
import { getStoreDetail } from "@/api/sidebar/voucher";
export default {
name: "discountIndex",
data() {
return {
......@@ -114,7 +121,7 @@
imgUrl: "/hi.jpg",
actDsc: "由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。",
nowMenuBar: "1",
arrowRightDark: "/mainSale/icon-arrow-right-dark.png",
arrowRightDark: "/mainSale/icon-arrow-right-dark.png"
},
manInfo: {
bk_logoUrl: "https://ezhq.xyz/img/main/logo_sona.jpg",
......@@ -122,13 +129,13 @@
barFrom: "alice",
barName: "only",
icon: {
"1": "/mainSale/icon-arrow-right-light.png",
"1": "/mainSale/icon-arrow-right-light.png"
}
},
barInfo: {
fans: "299",
personalFans: "77",
newFans: "11",
newFans: "11"
},
menuInfo: {
icon: {
......@@ -137,16 +144,15 @@
"3": "/mainSale/icon-menu-03.png",
"4": "/mainSale/icon-menu-04.png",
"5": "/mainSale/icon-menu-05.png",
"6": "/mainSale/icon-menu-06.png",
"6": "/mainSale/icon-menu-06.png"
}
},
activeInfo: {
icon: {
"0": "/mainSale/icon-active-title.png",
"1": "/mainSale/icon-active-1.png",
"2": "/mainSale/icon-active-2.png",
"3": "/mainSale/icon-active-3.png",
"3": "/mainSale/icon-active-3.png"
}
},
menuBarInfo: {
......@@ -155,10 +161,9 @@
{
name: "",
iconUaUrl: "",
iconAcUrl: "",
iconAcUrl: ""
}
],
]
},
icon: {
now: {
......@@ -166,93 +171,147 @@
"2": "",
"3": "",
"4": "",
"5": "",
"5": ""
},
ua: {
"1": "/mainSale/icon-menuBar-1-ua.png",
"2": "/mainSale/icon-menuBar-2-ua.png",
"3": "/mainSale/icon-menuBar-3-ua.png",
"4": "/mainSale/icon-menuBar-4-ua.png",
"5": "/mainSale/icon-menuBar-5-ua.png",
"5": "/mainSale/icon-menuBar-5-ua.png"
},
ac: {
"1": "/mainSale/icon-menuBar-1-ac.png",
"2": "/mainSale/icon-menuBar-2-ac.png",
"3": "/mainSale/icon-menuBar-3-ac.png",
"4": "/mainSale/icon-menuBar-4-ac.png",
"5": "/mainSale/icon-menuBar-5-ac.png",
"5": "/mainSale/icon-menuBar-5-ac.png"
}
}
},
}
},
dis: {}
dis: {},
oyStallCode: '',
userId: ''
};
},
created() {
this.checkNowMenuBar()
this.getUserInfo()
this.oyStallCode = sessionStorage.getItem('oyStallCode')
this.userId = sessionStorage.getItem('userId')
this.getStore()
this.getFans()
},
methods: {
checkNowMenuBar() {
let inData = '1'
this.test.menuBarInfo.icon.now = this.test.menuBarInfo.icon.ua
this.test.menuBarInfo.icon.now[inData] = this.test.menuBarInfo.icon.ac[inData]
},
manInfoClick(){
this.$router.push("counterInfo")
// 获取用户信息
getUserInfo() {
let headerData = {
agentId: "1000033",
corpId: "ww4df265003b43fa0d"
};
axios({
url: "http://139.155.48.151:8085/workWx/auth/user/get?userId=" +this.userId,
method: "get",
headers: headerData
})
.then(res => {
this.test.manInfo.barFrom = res.data.data.name
this.test.manInfo.logoUrl = res.data.data.avatar
})
.catch(err => {
console.log(err);
});
},
getFans() {
let headerData = {
agentId: "1000033",
corpId: "ww4df265003b43fa0d"
};
switchBarClick(){
this.$router.push("changeCounter")
axios({
url: "http://139.155.48.151:8085/workWx/auth/contact/listExternalContacts?userId=" + this.userId,
method: "get",
headers: headerData
})
.then(res => {
this.test.barInfo.personalFans = res.data.data.length
})
.catch(err => {
console.log(err);
});
},
testButtonClick() {
// 获取店铺信息
getStore() {
let params = {
oyStallCode: this.oyStallCode
}
getStoreDetail(params).then(res => {
if(res.data.stallInfo != null) {
this.test.manInfo.barName = res.data.stallInfo.name
}
})
},
checkNowMenuBar() {
let inData = "1";
this.test.menuBarInfo.icon.now = this.test.menuBarInfo.icon.ua;
this.test.menuBarInfo.icon.now[inData] = this.test.menuBarInfo.icon.ac[
inData
];
},
menu01Click() {
manInfoClick() {
this.$router.push("counterInfo");
},
switchBarClick() {
this.$router.push("changeCounter");
},
testButtonClick() {},
menu01Click() {},
menu02Click() {
this.$router.push("Task")
this.$router.push("Task");
},
menu03Click() {
this.$router.push("activeList")
this.$router.push("activeList");
},
menu04Click() {
this.$router.push("counterInfo")
this.$router.push("counterInfo");
},
menu05Click() {
this.$router.push("ActTemplate")
this.$router.push("ActTemplate");
},
menu06Click() {
this.$router.push("goodManage")
this.$router.push("goodManage");
},
buttonMainMarketingClick() {
// this.$router.push("home")
},
menuBarClick(inData) {
this.$router.push(inData)
this.$router.push(inData);
},
menuCase() {
this.$router.push({path:"/case"})
this.$router.push({ path: "/case" });
},
menuProfit() {
this.$router.push({path:"/profitList"})
this.$router.push({ path: "/profitList" });
},
menuTask() {
this.$router.push({path:"/taskList"})
},
this.$router.push({ path: "/taskList" });
}
};
}
};
</script>
<style scoped>
.testCube {
.testCube {
width: 60px;
height: 10px;
background-color: lightcoral;
border: 1px solid white;
}
}
.main {
.main {
background-color: rgb(237, 239, 243);
width: 100%;
height: auto;
......@@ -263,12 +322,12 @@
justify-content: start;
overflow: auto;
}
}
.main-manInfos {
.main-manInfos {
width: 100%;
height: 72px;
background-color: #4377BC;
background-color: #4377bc;
padding: 0px 16px;
......@@ -276,51 +335,46 @@
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.manInfo-logos {
}
.manInfo-logos {
width: 48px;
height: 48px;
/*border: 1px solid white;*/
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
}
}
.logos-logo {
.logos-logo {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 50%;
border: 2px solid white;
}
}
.manInfo-name {
.manInfo-name {
width: 100%;
height: 18px;
padding: 0px 12px;
margin-right: 60px;
color: white;
font-size: 14px;
line-height: 16px;
font-weight: bold;
}
}
.manInfo-switch {
.manInfo-switch {
/*border: 1px solid greenyellow;*/
width: 100px;
height: 18px;
font-size: 14px;
line-height: 18px;
font-weight: bold;
......@@ -329,14 +383,14 @@
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
}
.switch-icon {
.switch-icon {
width: 5px;
height: 8px;
}
}
.switch-text {
.switch-text {
color: white;
padding-right: 4px;
......@@ -344,13 +398,12 @@
font-size: 14px;
line-height: 16px;
font-weight: normal;
}
.main-tips {
}
.main-tips {
width: 100%;
height: 48px;
background-color: #F8F8F8;
background-color: #f8f8f8;
padding: 0px 16px;
......@@ -358,22 +411,21 @@
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.tips-tip {
.tips-tip {
/*border: 1px solid darkorange;*/
width: 30%;
height: 16px;
color: #4377BC;
color: #4377bc;
font-size: 12px;
font-weight: normal;
line-height: 16px;
text-align: center;
}
}
.main-menus {
.main-menus {
/*border: 1px solid lightseagreen;*/
width: 100%;
height: 240px;
......@@ -381,9 +433,9 @@
display: flex;
flex-direction: column;
justify-content: start;
}
}
.menus-row {
.menus-row {
width: 100%;
height: 120px;
......@@ -392,33 +444,33 @@
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
.menu {
.menu {
width: 108px;
height: 108px;
background-color: #F8F8F8;
background-color: #f8f8f8;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.menu-logo {
.menu-logo {
width: 48px;
height: 48px;
object-fit: cover;
}
}
.menu-text {
.menu-text {
font-size: 14px;
font-weight: bold;
color: #2D476A;
}
color: #2d476a;
}
.main-actives {
.main-actives {
/*border: 1px solid lightcoral;*/
width: 100%;
height: 380px;
......@@ -430,23 +482,19 @@
display: flex;
flex-direction: column;
justify-content: start;
}
}
.actives-banners {
border-bottom: 1px solid #EEEEEE;
.actives-banners {
border-bottom: 1px solid #eeeeee;
width: 100%;
height: 25px;
display: flex;
flex-direction: row;
justify-content: center;
}
}
.actives-banner-small {
.actives-banner-small {
width: 220px;
height: 30px;
......@@ -454,9 +502,9 @@
position: relative;
bottom: 7px;
}
}
.actives-banner-title {
.actives-banner-title {
background: url(/mainSale/icon-active-title.png);
background-repeat: no-repeat;
background-size: 100% 100%;
......@@ -466,16 +514,14 @@
font-size: 16px;
line-height: 16px;
color: #2D476A;
color: #2d476a;
text-align: center;
position: relative;
bottom: 7px;
}
}
.actives-banner-main {
.actives-banner-main {
width: 148px;
height: 24px;
border-radius: 40px;
......@@ -485,18 +531,17 @@
font-weight: bold;
line-height: 18px;
text-align: center;
color: #2D476A;
color: #2d476a;
background: linear-gradient(#FFFFFF, 50%, #E4F9FF);
box-shadow: 0px 1px 1px 0px #96CEDC;
background: linear-gradient(#ffffff, 50%, #e4f9ff);
box-shadow: 0px 1px 1px 0px #96cedc;
position: relative;
bottom: 12px;
}
}
.actives-main {
border-bottom: 1px solid #EEEEEE;
.actives-main {
border-bottom: 1px solid #eeeeee;
width: 100%;
height: 105px;
padding: 12px 0px;
......@@ -504,25 +549,24 @@
display: flex;
flex-direction: row;
justify-content: start;
}
}
.active-logos {
background-color: #F8F8F8;
.active-logos {
background-color: #f8f8f8;
width: 80px;
height: 80px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
}
.active-logo {
.active-logo {
width: 56px;
height: 56px;
}
}
.active-infos {
.active-infos {
width: 100%;
height: 80px;
padding-left: 12px;
......@@ -530,25 +574,24 @@
display: flex;
flex-direction: column;
justify-content: center;
}
}
.active-title {
.active-title {
height: 16px;
font-size: 14px;
font-weight: bold;
line-height: 14px;
margin-bottom: 8px;
}
}
.active-dsc {
.active-dsc {
height: 36px;
width: 100%;
font-size: 12px;
font-weight: normal;
}
}
.actives-mores {
.actives-mores {
width: 100%;
height: 40px;
/*border: 1px solid red;*/
......@@ -557,9 +600,9 @@
flex-direction: row;
justify-content: center;
align-items: center;
}
}
.mores-title {
.mores-title {
width: auto;
height: 14px;
......@@ -568,15 +611,15 @@
font-size: 12px;
font-weight: normal;
line-height: 14px;
color: #2D476A;
}
color: #2d476a;
}
.mores-icon {
.mores-icon {
width: 10px;
height: 14px;
}
}
.main-menuBar {
.main-menuBar {
/*border: 1px solid darkviolet;*/
box-shadow: inset 0px 1px 2px 0px rgba(221, 221, 221, 1);
width: 100%;
......@@ -584,41 +627,40 @@
position: fixed;
bottom: 0px;
left: 0px;
background-color: #FAFAFA;
background-color: #fafafa;
padding: 0px 14px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
.menuBar-menu {
.menuBar-menu {
/*background-color: greenyellow;*/
width: 48px;
height: 47px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
}
.menuBar-icon {
.menuBar-icon {
width: 24px;
height: 24px;
object-fit: cover;
}
}
.menuBar-title {
.menuBar-title {
width: auto;
height: 12px;
font-size: 10px;
font-weight: bold;
color: rgba(67, 119, 188, 0.4);
text-align: center;
}
}
.menuBar-title-ac {
.menuBar-title-ac {
color: rgba(67, 119, 188, 1);
}
}
</style>
wx_application/src/views/mainSale/me/main/index.vue
View file @ d219c02e
......@@ -70,11 +70,9 @@
<script>
import {configWx, getUserInfo} from "@/utils/aCommon"
import { getUserInfoByUserId } from "@/api/sidebar/voucher";
import axios from "axios"
// import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
import { editStore } from "@/api/sidebar/voucher";
// let vConsole = new VConsole()
export default {
name: "me",
data() {
......
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