Skip to content

M
mallapp
Commit f0be7037 authored by 罗超's avatar 罗超
Browse files
Options

修改了部分样式

parent 51c316fb
Hide whitespace changes
Inline Side-by-side
Showing with 369 additions and 281 deletions
components/tabbar/index.vue
View file @ f0be7037
......@@ -166,8 +166,9 @@ export default {
setTimeout(()=>{
this.navs = uni.getStorageSync("basedata")
? uni.getStorageSync("basedata").navbar.navs
: [];
},2000)
: [];
this.activeHandler();
},3000)
}
this.activeHandler();
......@@ -175,9 +176,17 @@ export default {
methods: {
activeHandler() {
let t = getCurrentPages();
this.crtPath = "/" + t[t.length - 1].route;
let query=t[t.length - 1].__displayReporter.query
let queryString=''
for(var k in query){
queryString+=`&${k}=${query[k]}`
}
if(queryString!=''){
queryString="?"+queryString.substring(1,queryString.length)
}
this.crtPath = "/" + t[t.length - 1].route+queryString;
this.navs.forEach((x, i) => {
if (x.url.split("?")[0] == this.crtPath) {
if (x.url == this.crtPath) {
this.active = i;
}
});
......
pages/index/index.vue
View file @ f0be7037
<template>
<view class="content" v-if="myPageData.home_pages" :style="{ 'padding-bottom': showtabs==ture? '100rpx':0 }">
<u-tabs
v-if="myPageData.home_pages && myPageData.home_pages.navs.length > 1"
name="name"
:list="myPageData.home_pages.navs"
:is-scroll="true"
:active-color="mainColor"
:current="active"
:bar-width="80"
:font-size="32"
:bold="false"
@change="changeHandler"
></u-tabs>
<template v-for="(item, i) in myPageData.home_pages.navs">
<view :style="item.templateBg" :key="i" v-if="active == i">
<template v-for="(d, di) in item.template.data">
<search v-if="d.id == 'search'" :style-str="d.data" :key="di"></search>
<swiper v-if="d.id == 'banner'" :swipers="d.data" :key="di"></swiper>
<empty v-if="d.id == 'empty'" :block="d.data" :key="di"></empty>
<rubik v-if="d.id == 'rubik'" :ad="d.data" :key="di"></rubik>
<goods v-if="d.id == 'goods'" :goods="d.data" :key="di"></goods>
<notice v-if="d.id == 'notice'" :notice="d.data" :key="di"></notice>
<gridnav v-if="d.id == 'nav'" :navs="d.data" :key="di"></gridnav>
<pagetitle v-if="d.id == 'link'" :ts="d.data" :key="di"></pagetitle>
<videopage
v-if="d.id == 'video'"
:video="d.data"
:key="di"
></videopage>
<copyright
v-if="d.id == 'copyright'"
:cop="d.data"
:key="di"
></copyright>
<checkin
v-if="d.id == 'check-in'"
:check="d.data"
:key="di"
></checkin>
<userbox v-if="d.id == 'user-info'" :ts="d.data" :key="di"></userbox>
<view v-if="d.id == 'image-text'" class="imageText" :key="di">
<view v-html="d.data.content"></view>
</view>
<userorder
v-if="d.id == 'user-order'"
:uo="d.data"
:key="di"
></userorder>
<mapi v-if="d.id == 'map'" :mapi="d.data" :key="di"></mapi>
<checkform
v-if="d.id == 'form'"
:forms="d.data"
:key="di"
></checkform>
<addialog
v-if="d.id == 'modal' && d.data.opened"
:ads="d.data"
:key="di"
></addialog>
<quicknav
v-if="d.id == 'quick-nav' && d.data.navSwitch == 1"
:navs="d.data"
:key="di"
></quicknav>
</template>
<view v-if="myPageData.home_pages" :style="[myPageData.home_pages.navs[active].templateBg]">
<view
class="content"
:style="{ 'padding-bottom': showtabs==ture? '100rpx':0,paddingTop:pagePaddingBottom }"
>
<view
class="index-title"
:style="[myPageData.home_pages.navs[active].templateBg,titleStyle,{color:myPageData.home_pages.navs[active].templateBg?myPageData.home_pages.navs[active].templateBg.titleColor:''}]"
>
<text>{{pageTitleStr}}</text>
<view class="back-arrow" v-if="showBack" @click="goback">
<u-icon name="arrow-left" size="44"></u-icon>
</view>
</view>
</template>
<view v-if="showtabs==true">
<tabbar></tabbar>
</view>
<view class="tips_t" v-if="add_show==1&& JSON.stringify(setting) != '{}' " :style="{
<u-tabs
v-if="myPageData.home_pages && myPageData.home_pages.navs.length > 1"
name="name"
:list="myPageData.home_pages.navs"
:is-scroll="true"
:active-color="mainColor"
:current="active"
:bar-width="80"
:font-size="32"
:bold="false"
@change="changeHandler"
></u-tabs>
<template v-for="(item, i) in myPageData.home_pages.navs">
<view :key="i" v-if="active == i">
<template v-for="(d, di) in item.template.data">
<search v-if="d.id == 'search'" :style-str="d.data" :key="di"></search>
<swiper v-if="d.id == 'banner'" :swipers="d.data" :key="di"></swiper>
<empty v-if="d.id == 'empty'" :block="d.data" :key="di"></empty>
<rubik v-if="d.id == 'rubik'" :ad="d.data" :key="di"></rubik>
<goods v-if="d.id == 'goods'" :goods="d.data" :key="di"></goods>
<notice v-if="d.id == 'notice'" :notice="d.data" :key="di"></notice>
<gridnav v-if="d.id == 'nav'" :navs="d.data" :key="di"></gridnav>
<pagetitle v-if="d.id == 'link'" :ts="d.data" :key="di"></pagetitle>
<videopage v-if="d.id == 'video'" :video="d.data" :key="di"></videopage>
<copyright v-if="d.id == 'copyright'" :cop="d.data" :key="di"></copyright>
<checkin v-if="d.id == 'check-in'" :check="d.data" :key="di"></checkin>
<userbox v-if="d.id == 'user-info'" :ts="d.data" :key="di"></userbox>
<view v-if="d.id == 'image-text'" class="imageText" :key="di">
<view v-html="d.data.content"></view>
</view>
<userorder v-if="d.id == 'user-order'" :uo="d.data" :key="di"></userorder>
<mapi v-if="d.id == 'map'" :mapi="d.data" :key="di"></mapi>
<checkform v-if="d.id == 'form'" :forms="d.data" :key="di"></checkform>
<addialog v-if="d.id == 'modal' && d.data.opened" :ads="d.data" :key="di"></addialog>
<quicknav v-if="d.id == 'quick-nav' && d.data.navSwitch == 1" :navs="d.data" :key="di"></quicknav>
</template>
</view>
</template>
<view v-if="showtabs==true">
<tabbar></tabbar>
</view>
<view
class="tips_t"
v-if="add_show==1&& JSON.stringify(setting) != '{}' "
:style="{
'border-radius':setting.add_app_bg_radius+'rpx',
'opacity':setting.add_app_bg_transparency/100
}">
<u-icon name="cross" color="#fff" @click="close"></u-icon>
<view style="width: 1px;height: 20px;margin:0 10px;background: #fff;"></view>
<Text style='color: #fff;'>{{setting.add_app_text}}</Text>
<view class="triangle-up"></view>
</view>
<coupon
v-if="showCoupons"
:coupon-message="couponMessage"
@goLook="goLook"
@closeBtn="closeBtn"
></coupon>
}"
>
<u-icon name="cross" color="#fff" @click="close"></u-icon>
<view style="width: 1px;height: 20px;margin:0 10px;background: #fff;"></view>
<Text style="color: #fff;">{{setting.add_app_text}}</Text>
<view class="triangle-up"></view>
</view>
<coupon
v-if="showCoupons"
:coupon-message="couponMessage"
@goLook="goLook"
@closeBtn="closeBtn"
></coupon>
</view>
</view>
</template>
......@@ -112,17 +102,21 @@ export default {
data() {
return {
title: "Hello",
myPageData:{},
myPageData: {},
indexPageData: {},
mainColor: "",
active: 0,
contentHeight: 0,
pageId:0,
setting:{},
add_show:1,
showtabs:true,
showCoupons:false,
couponMessage:'',
pageId: 0,
setting: {},
add_show: 1,
showtabs: true,
showCoupons: false,
couponMessage: "",
pageTitleStr: "",
titleStyle: "",
pagePaddingBottom: "0px",
showBack: false,
};
},
components: {
......@@ -144,207 +138,277 @@ export default {
checkform,
addialog,
quicknav,
coupon
coupon,
},
onLoad(options) {
console.log(options,'option');
let c = this.$uiConfig.is_bang ? 78 : 50;
this.contentHeight = this.$utils.calcContentHeight(c);
if(options&&options.page_id){
this.pageId=options.page_id
this.showtabs=false
this.contentHeight = this.$utils.calcContentHeight();
}
if(options && options.custom_params){
let custom_params = JSON.parse(decodeURIComponent(options.custom_params))
console.log(custom_params)
if(custom_params.user_id){
uni.setStorageSync("pid", { pid: custom_params.user_id});
}
}
if(options&&options.user_id){
uni.setStorageSync("pid", {pid:options.user_id});
}
if(options&&options.scene){//兼容之前小程序的调转
this.getjump(options.scene)
}
wx.showShareMenu({
withShareTicket:true,
menus:['shareAppMessage','shareTimeline']
})
console.log(options, "option");
let that = this;
uni.getSystemInfo({
success(res) {
that.titleStyle = {
height: "45px",
paddingTop: `${res.statusBarHeight}px`,
};
that.pagePaddingBottom = 45 + res.statusBarHeight + "px";
},
});
let c = this.$uiConfig.is_bang ? 78 : 50;
this.contentHeight = this.$utils.calcContentHeight(c);
if (options && options.page_id) {
this.pageId = options.page_id;
this.showtabs = false;
this.contentHeight = this.$utils.calcContentHeight();
}
if (options && options.custom_params) {
let custom_params = JSON.parse(decodeURIComponent(options.custom_params));
console.log(custom_params);
if (custom_params.user_id) {
uni.setStorageSync("pid", { pid: custom_params.user_id });
}
}
if (options && options.user_id) {
uni.setStorageSync("pid", { pid: options.user_id });
}
if (options && options.scene) {
//兼容之前小程序的调转
this.getjump(options.scene);
}
wx.showShareMenu({
withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"],
});
this.init();
let set = uni.getStorageSync("basedata")? uni.getStorageSync("basedata").mall.setting:{};
if(!uni.getStorageSync("add_top_app")){
uni.setStorageSync("add_top_app", {add_top_app_show:1});
}
this.add_show = uni.getStorageSync("add_top_app")?uni.getStorageSync("add_top_app").add_top_app_show:1;
this.setting =set;
// console.log(this.setting)
console.log(uni.getStorageSync("basedata"))
let set = uni.getStorageSync("basedata")
? uni.getStorageSync("basedata").mall.setting
: {};
if (!uni.getStorageSync("add_top_app")) {
uni.setStorageSync("add_top_app", { add_top_app_show: 1 });
}
this.add_show = uni.getStorageSync("add_top_app")
? uni.getStorageSync("add_top_app").add_top_app_show
: 1;
this.setting = set;
// console.log(this.setting)
console.log(uni.getStorageSync("basedata"));
this.isShowBack();
uni.showNavigationBarLoading();
},
onShareTimeline(){
setTimeout(()=>{
console.log('分享调用')
this.getReceive()
},2500)
let uid=uni.getStorageSync('mall_UserInfo') ?uni.getStorageSync('mall_UserInfo').UserId:0;
console.log(uid)
return{
title: '',
query: "user_id=" + uid,
imageUrl: ''
}
},
onShareTimeline() {
setTimeout(() => {
console.log("分享调用");
this.getReceive();
}, 2500);
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
console.log(uid);
return {
title: "",
query: "user_id=" + uid,
imageUrl: "",
};
},
onShareAppMessage(res) {
setTimeout(()=>{
console.log('分享调用')
this.getReceive()
},2500)
let uid=uni.getStorageSync('mall_UserInfo') ?uni.getStorageSync('mall_UserInfo').UserId:0
setTimeout(() => {
console.log("分享调用");
this.getReceive();
}, 2500);
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
return {
title:this.setting.share_title?this.setting.share_title:uni.getStorageSync("basedata").mall.name,
title: this.setting.share_title
? this.setting.share_title
: uni.getStorageSync("basedata").mall.name,
path: "/pages/index/index?user_id=" + uid,
imageUrl: this.setting.share_pic?this.setting.share_pic:'',
imageUrl: this.setting.share_pic ? this.setting.share_pic : "",
};
},
onShow() {
onShow() {
setTimeout(() => {
uni.hideNavigationBarLoading();
}, 500);
this.mainColor = this.$uiConfig.mainColor;
this.init()
this.init();
},
methods: {
getjump(scene){
let a= 'YZnsGuRojCKBkb1siP3VwkhkPFvh-D' //测试数据
this.request(
{
url: "",
data: {
r: "api/default/qr-code-parameter",
token: scene,
}
},
res => {
console.log(res.data.detail.path)
uni.setStorageSync("pid", {pid:res.data.detail.user_id?res.data.detail.user_id:0}); //存储上级的id
let objurl= this.ObjectToUrl(res.data.detail.data)
uni.navigateTo({
url:'/'+res.data.detail.path+'?'+objurl,
});
}
);
},
ObjectToUrl(e, t) {
var n = "";
for (var i in e)
n += "&" + i + "=" + (t ? encodeURIComponent(e[i]) : e[i]);
return n.substr(1);
},
goback() {
uni.navigateBack({
delta: 1,
});
},
isShowBack() {
let navs = uni.getStorageSync("basedata")
? uni.getStorageSync("basedata").navbar.navs
: [];
if (navs) {
let t = getCurrentPages();
let query = t[t.length - 1].__displayReporter.query;
let queryString = "";
for (var k in query) {
queryString += `&${k}=${query[k]}`;
}
if (queryString != "") {
queryString = "?" + queryString.substring(1, queryString.length);
}
this.crtPath = "/" + t[t.length - 1].route + queryString;
let isExsit = false;
navs.forEach((x, i) => {
if (x.url == this.crtPath) {
isExsit = true;
}
});
this.showBack = !isExsit;
}
},
getjump(scene) {
let a = "YZnsGuRojCKBkb1siP3VwkhkPFvh-D"; //测试数据
this.request(
{
url: "",
data: {
r: "api/default/qr-code-parameter",
token: scene,
},
},
(res) => {
console.log(res.data.detail.path);
uni.setStorageSync("pid", {
pid: res.data.detail.user_id ? res.data.detail.user_id : 0,
}); //存储上级的id
let objurl = this.ObjectToUrl(res.data.detail.data);
uni.navigateTo({
url: "/" + res.data.detail.path + "?" + objurl,
});
}
);
},
ObjectToUrl(e, t) {
var n = "";
for (var i in e)
n += "&" + i + "=" + (t ? encodeURIComponent(e[i]) : e[i]);
return n.substr(1);
},
init() {
this.request2(
{
url: '/api/Mall/GetHome',
data: {
page_id:this.pageId
},
this.request2(
{
url: "/api/Mall/GetHome",
data: {
page_id: this.pageId,
},
(res) => {
this.indexPageData = res.data.home_pages.navs[0].template.data;
this.myPageData=res.data;
uni.setStorageSync("basedata", res.data);
if (res.data.home_pages.title != "") {
if(this.pageId==0){
uni.setNavigationBarTitle({
title: res.data.home_pages.title,
});
}else{
uni.setNavigationBarTitle({
title: res.data.home_pages.navs[0].name,
});
}
uni.setNavigationBarColor({
//字体颜色
frontColor:res.data.navbar.top_text_color,
//背景颜色
backgroundColor:res.data.navbar.top_background_color
});
},
(res) => {
this.indexPageData = res.data.home_pages.navs[0].template.data;
this.myPageData = res.data;
uni.setStorageSync("basedata", res.data);
if (res.data.home_pages.title != "") {
if (this.pageId == 0) {
uni.setNavigationBarTitle({
title: res.data.home_pages.title,
});
this.pageTitleStr = res.data.home_pages.title;
} else {
uni.setNavigationBarTitle({
title: res.data.home_pages.navs[0].name,
});
this.pageTitleStr = res.data.home_pages.navs[0].name;
}
this.formatBg();
},
(error)=>{
}
);
// uni.setNavigationBarColor({
// //字体颜色
// frontColor: res.data.navbar.top_text_color,
// //背景颜色
// backgroundColor: res.data.navbar.top_background_color,
// });
this.titleStyle.color = res.data.navbar.top_text_color;
this.titleStyle.backgroundColor =
res.data.navbar.top_background_color;
this.isShowBack();
}
this.formatBg();
},
(error) => {}
);
},
close() {
this.add_show = 2;
uni.setStorageSync("add_top_app", { add_top_app_show: 2 });
},
close(){
this.add_show =2;
uni.setStorageSync("add_top_app", {add_top_app_show:2});
},
changeHandler(i) {
this.active = i;
},
formatBg() {
this.myPageData.home_pages.navs.forEach((y) => {
y.template.data.forEach((x) => {
if (x.id == "background") {
let t = "";
y.templateBg = {};
if (x.data.showImg) {
y.templateBg += `background-color:${x.data.backgroundColor};`;
y.templateBg = `background-image:url('${backgroundPicUrl}');`;
y.templateBg += `background-position:${x.data.positionText};`;
y.templateBg += `background-repeat:${x.data.repeatText};`;
y.templateBg += `background-size:${x.data.backgroundWidth}% ${x.data.backgroundHeight}%;`;
y.templateBg.backgroundColor = x.data.backgroundColor;
y.templateBg.backgroundImage = `url('${x.data.backgroundPicUrl}')`;
y.templateBg.backgroundPosition = x.data.positionText;
y.templateBg.backgroundRepeat = x.data.repeatText ?? "no-repeat";
y.templateBg.backgroundSize = `${
x.data.backgroundWidth == 0
? "auto"
: x.data.backgroundWidth + "%"
} ${
x.data.backgroundHeight == 0
? "auto"
: x.data.backgroundHeight + "%"
}`;
} else {
y.templateBg.background = x.data.backgroundColor;
y.templateBg.titleColor = "#000 !important";
}
if (this.myPageData.home_pages.navs.length > 1) {
y.templateBg.overflowY = "auto";
y.templateBg.height = this.contentHeight + "px";
} else {
y.templateBg = `background:#${x.data.backgroundColor};`;
y.templateBg.overflowY = "auto";
y.templateBg.height = this.contentHeight + 40 + "px";
}
if (x.data.titleColor) {
y.templateBg.titleColor = x.data.titleColor + " !important";
}
if(this.myPageData.home_pages.navs.length>1){
y.templateBg +=
"overflow-y:auto;height:" + this.contentHeight + "px;";
}else{
y.templateBg +=
"overflow-y:auto;height:" + (this.contentHeight+40) + "px;";
}
// y.templateBg +="padding-bottom:"+(this.$uiConfig.is_bang ? '88px' : '60px')+";box-sizing: border-box;";
}
});
});
if(!y.templateBg){
y.templateBg={titleColor:"#000"};
}
});
},
getReceive(){//分享进入调取领券接口
// 1-分享，2-购买并付款
this.request2(
{
url: "/api/AppletUser/ShareCoupon",
data: {
TriggerType: 1,
},
},
(res) => {
console.log(res,'res')
if(res.couponResultCode ==1){
this.couponMessage = res.couponMessage
this.showCoupons = true;
}
}
);
},
goLook(){
this.showCoupons = false;
},
closeBtn(){
this.showCoupons = false
}
getReceive() {
//分享进入调取领券接口
// 1-分享，2-购买并付款
this.request2(
{
url: "/api/AppletUser/ShareCoupon",
data: {
TriggerType: 1,
},
},
(res) => {
console.log(res, "res");
if (res.couponResultCode == 1) {
this.couponMessage = res.couponMessage;
this.showCoupons = true;
}
}
);
},
goLook() {
this.showCoupons = false;
},
closeBtn() {
this.showCoupons = false;
},
},
};
</script>
......@@ -355,30 +419,45 @@ export default {
flex-direction: column;
/* align-items: center;
justify-content: center; */
}
.content .tips_t{
position: fixed;
top:8px;
right: 6px;
height: 36px;
background: #000000;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 10px;
font-size: 12px;
.content .tips_t {
position: fixed;
top: 8px;
right: 6px;
height: 36px;
background: #000000;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 10px;
font-size: 12px;
}
.triangle-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 12px solid black;
position: fixed;
right: 65px;
top: 0px;
}
.index-title {
line-height: 45px !important;
font-size: 16px;
text-align: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
color: #fff;
box-sizing: content-box;
z-index: 5;
}
.triangle-up{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 12px solid black;
position: fixed;
right: 65px;
top:0px
.back-arrow {
position: absolute;
left: 5px;
bottom: 12.5px;
}
/* .logo {
height: 200rpx;
......
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