Skip to content

M
mallapp
Commit 0c84d628 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent b2887f7f
Show whitespace changes
Inline Side-by-side
Showing with 779 additions and 864 deletions
pages/user-center/integral-detail/integral-detail.vue
View file @ 0c84d628
<template> <template>
<view class="integralDStyle" :style="{ height: contentHeight }"> <view class="integralDStyle" :style="{ height: contentHeight }">
<u-tabs <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" :active-color="mainColor"></u-tabs>
:list="list"
:is-scroll="false"
:current="current"
@change="change"
:active-color="mainColor"
></u-tabs>
<u-empty v-if="g.length == 0" text="暂无积分明细" mode="list"></u-empty> <u-empty v-if="g.length == 0" text="暂无积分明细" mode="list"></u-empty>
<view v-if="g.length > 0" style="height: calc(100vh - 50px);width: calc(100vw);overflow: hidden; ">
<view <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }">
v-if="g.length > 0"
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
"
>
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }"
>
<view class="interDList" v-for="(x, i) in g" :key="i"> <view class="interDList" v-for="(x, i) in g" :key="i">
<Text>{{x.Description}}</Text> <Text>{{x.Description}}</Text>
<view style="display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 5px;"> <view style="display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 5px;">
...@@ -33,16 +11,8 @@ ...@@ -33,16 +11,8 @@
<Text style='font-size: 12px; color: #B5B5B5;'>时间：{{x.CreateDate}}</Text> <Text style='font-size: 12px; color: #B5B5B5;'>时间：{{x.CreateDate}}</Text>
</view> </view>
</view> </view>
<u-loadmore <u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20" bg-color="#f3f4f6" />
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
/>
</scroll-view> </scroll-view>
</view> </view>
<!-- 加载中 --> <!-- 加载中 -->
<view class="loading" v-if="loading"> <view class="loading" v-if="loading">
...@@ -50,16 +20,14 @@ ...@@ -50,16 +20,14 @@
<Text style="color: #fff; margin-top: 10rpx;">加载中...</Text> <Text style="color: #fff; margin-top: 10rpx;">加载中...</Text>
</view> </view>
<!-- 取消提示 --> <!-- 取消提示 -->
<u-toast ref="uToast" /> <u-toast ref="uToast" />
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth= 'gbAuth'></auth> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth='gbAuth'></auth>
</view> </view>
</template> </template>
<script> <script>
import auth from "../../../components/auth/index.vue"; import auth from "../../../components/auth/index.vue";
export default { export default {
components: { components: {
auth auth
}, },
...@@ -67,19 +35,21 @@ export default { ...@@ -67,19 +35,21 @@ export default {
return { return {
pageTitle: "积分明细", pageTitle: "积分明细",
current: 0, current: 0,
list: [ list: [{
{ name: "收入" }, name: "收入"
{ name: "支出" }, },
{
name: "支出"
},
], ],
showAuth:false, showAuth: false,
msg:{ msg: {
pageIndex: 1, pageIndex: 1,
pageSize:10, pageSize: 10,
Type:0 Type: 0
}, },
mainColor: "", mainColor: "",
secondary:'', secondary: '',
contentHeight: 0, contentHeight: 0,
page: 1, page: 1,
page_count: 1, page_count: 1,
...@@ -102,9 +72,9 @@ export default { ...@@ -102,9 +72,9 @@ export default {
mounted() { mounted() {
let currentPages = getCurrentPages(); let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length - 1].route; let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata") let pages = wx.getStorageSync("basedata") ?
? wx.getStorageSync("basedata").bar_title wx.getStorageSync("basedata").bar_title :
: []; [];
pages.forEach((x) => { pages.forEach((x) => {
if (x.value == u) { if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name; this.pageTitle = x.new_name ? x.new_name : x.name;
...@@ -113,9 +83,8 @@ export default { ...@@ -113,9 +83,8 @@ export default {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.pageTitle, title: this.pageTitle,
}); });
}, },
onLoad(){ onLoad() {
this.u = uni.getStorageSync("mall_UserInfo"); this.u = uni.getStorageSync("mall_UserInfo");
if (!this.u) { if (!this.u) {
this.u = { this.u = {
...@@ -123,15 +92,13 @@ export default { ...@@ -123,15 +92,13 @@ export default {
avatarUrl: "" avatarUrl: ""
}; };
this.showAuth = true; this.showAuth = true;
} else{ } else {
this.init(); this.init();
} }
}, },
methods: { methods: {
change(index) { change(index) {
this.current = index; this.current = index;
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
this.g = []; this.g = [];
this.loading = true; this.loading = true;
...@@ -139,15 +106,13 @@ export default { ...@@ -139,15 +106,13 @@ export default {
}, },
init() { init() {
this.loading = true; this.loading = true;
this.msg.Type = this.current+1 this.msg.Type = this.current + 1
this.request2( this.request2({
{
url: '/api/AppletUser/GetMemberIntegralPageList', url: '/api/AppletUser/GetMemberIntegralPageList',
data: this.msg data: this.msg
}, },
res => { res => {
if (res.resultCode == 1) {
if(res.resultCode==1){
this.loading = false; this.loading = false;
this.g = this.g.concat(res.data.pageData); this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount; this.page_count = res.data.pageCount;
...@@ -164,30 +129,28 @@ export default { ...@@ -164,30 +129,28 @@ export default {
this.status = "loading"; this.status = "loading";
this.init(); this.init();
} else { } else {
this.status = "nomore"; this.status = "nomore";
} }
}, },
reloadUserinfo() { reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo"); this.u = uni.getStorageSync("mall_UserInfo");
// this.showAuth=false;
this.init(); this.init();
}, },
//关闭登录窗口 //关闭登录窗口
gbAuth(){ gbAuth() {
uni.navigateBack() uni.navigateBack()
} }
}, },
}; };
</script> </script>
<style> <style>
.integralDStyle { .integralDStyle {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #f3f4f6; background: #f3f4f6;
} }
.integralDStyle .loading { .integralDStyle .loading {
width: 200rpx; width: 200rpx;
height: 200rpx; height: 200rpx;
background: #000000; background: #000000;
...@@ -202,14 +165,14 @@ export default { ...@@ -202,14 +165,14 @@ export default {
top: 30%; top: 30%;
margin-left: -100rpx; margin-left: -100rpx;
z-index: 999; z-index: 999;
} }
.integralDStyle .interDList{
width:100% ; .integralDStyle .interDList {
width: 100%;
padding: 20px 15px; padding: 20px 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #fff; background: #fff;
border-top: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5;
}
}
</style> </style>
pages/user-center/user-center.vue
View file @ 0c84d628
<template> <template>
<scroll-view <scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" style="height: 100vh;">
:scroll-y="true"
@scroll="scrollHandler"
@scrolltoupper="scrollTopHandler"
style="height: 100vh;">
<view class="userStyle"> <view class="userStyle">
<view <view class="headStatus" v-if="scrollTop > 50" :style="[headStyle,
class="headStatus"
v-if="scrollTop > 50"
:style="[
headStyle,
{ {
zIndex: scrollTop < 10 ? 'unset' : 2, zIndex: scrollTop < 10 ? 'unset' : 2,
opacity: scrollTop < 10 ? '100' : scrollTop, opacity: scrollTop < 10 ? '100' : scrollTop,
}, },
]" ]">
>
<!-- <view class="arrow" >
<u-icon name="arrow-left" size="48" color="#FFF"></u-icon>
</view> -->
<view class="title" v-if="scrollTop > 50">{{pageTitle}}</view> <view class="title" v-if="scrollTop > 50">{{pageTitle}}</view>
</view> </view>
<view class="userBox" :style="{ 'margin-bottom': bottommargin }"> <view class="userBox" :style="{ 'margin-bottom': bottommargin }">
<view <view :style="{ 'background-image': 'url(' + (meueData.user_center.top_pic_url ? meueData.user_center.top_pic_url : '') + ')', backgroundSize: '100% 310px' }"
:style="{ 'background-image': 'url(' + (meueData.user_center.top_pic_url ? meueData.user_center.top_pic_url : '') + ')', backgroundSize: '100% 310px' }" class="imgbg" :class="{'miniHeadTop':meueData.user_center.is_foot_bar_status!=1&&meueData.user_center.is_account_status!=1}">
class="imgbg" :class="{'miniHeadTop':meueData.user_center.is_foot_bar_status!=1&&meueData.user_center.is_account_status!=1}"
>
<view class="titlenav" :style="{paddingTop:nav}">{{pageTitle}}</view> <view class="titlenav" :style="{paddingTop:nav}">{{pageTitle}}</view>
<view class='topheard' :style="{'margin-top':modelstype==0?'52px':(modelstype==1?'37px':(modelstype==2)?'33px':0) }" v-if="meueData.user_center.top_style == 1"> <view class='topheard' :style="{'margin-top':modelstype==0?'52px':(modelstype==1?'37px':(modelstype==2)?'33px':0) }"
v-if="meueData.user_center.top_style == 1">
<u-avatar :src="user_info.avatar" size="140" style="margin-left: 50rpx;"></u-avatar> <u-avatar :src="user_info.avatar" size="140" style="margin-left: 50rpx;"></u-avatar>
<view style="display: flex;flex-direction: column;justify-content: center;height: 50px;margin-left: 20rpx"> <view style="display: flex;flex-direction: column;justify-content: center;height: 50px;margin-left: 20rpx">
<Text style="color: #FFF;font-size: 36rpx;max-width: 200px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;" <Text style="color: #FFF;font-size: 36rpx;max-width: 200px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;"
...@@ -37,9 +24,7 @@ ...@@ -37,9 +24,7 @@
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text> <Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text>
</view> </view>
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom: 5px;" v-if="meueData.user_center.top_style == 2"> <view style="display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom: 5px;" v-if="meueData.user_center.top_style == 2">
<u-avatar :src="user_info.avatar" size="120"></u-avatar> <u-avatar :src="user_info.avatar" size="120"></u-avatar>
<Text style="color: #FFF;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text> <Text style="color: #FFF;font-size: 36rpx;" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text>
...@@ -61,25 +46,24 @@ ...@@ -61,25 +46,24 @@
<text style="font-size: 21px;">{{user_info.coupon?user_info.coupon:0}}</text> <text style="font-size: 21px;">{{user_info.coupon?user_info.coupon:0}}</text>
<text>{{couponsObj.name}}</text> <text>{{couponsObj.name}}</text>
</view> </view>
</view> </view>
<view class="ReceiptAdder" v-if="IsEducation!=1" @click="goUrl('/pages/address/address')" :style="{top:modelstype==0?'160rpx':(modelstype==1?'180rpx':'160rpx')}"> <view class="ReceiptAdder" v-if="IsEducation!=1" @click="goUrl('/pages/address/address')" :style="{top:modelstype==0?'160rpx':(modelstype==1?'180rpx':'160rpx')}">
<u-icon name="location" color="#fff" size="23"></u-icon> <u-icon name="location" color="#fff" size="23"></u-icon>
<Text style="color: #fff;font-size: 12px;margin-left: 20rpx;">收货地址</Text> <Text style="color: #fff;font-size: 12px;margin-left: 20rpx;">收货地址</Text>
</view> </view>
<view class="Receiptbalance" v-if="meueData.user_center&&meueData.user_center.is_account_status == 1"> <view class="Receiptbalance" v-if="meueData.user_center&&meueData.user_center.is_account_status == 1">
<view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index" <view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index" v-if="item.link_url == '/pages/balance/balance'"
v-if="item.link_url == '/pages/balance/balance'" @click="goUrl(item.link_url)"> @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 22px;height: auto" mode ='widthFix' ></image> <image :src="item.icon_url" style="width: 22px;height: auto" mode='widthFix'></image>
<view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;"> <view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;">
<span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.balance?(user_info.balance>10000?(user_info.balance/10000).toFixed(1)+'w':user_info.balance):0}}</span> <span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.balance?(user_info.balance>10000?(user_info.balance/10000).toFixed(1)+'w':user_info.balance):0}}</span>
<span style=''>{{item.name}}</span> <span style=''>{{item.name}}</span>
</view> </view>
</view> </view>
<view style="width: 1px;height: 34px;background: #E8E8E8;"></view> <view style="width: 1px;height: 34px;background: #E8E8E8;"></view>
<view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index" <view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index" v-if="item.link_url == '/pages/user-center/integral-detail/integral-detail'"
v-if="item.link_url == '/pages/user-center/integral-detail/integral-detail'" @click="goUrl(item.link_url)"> @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 17px;;height: auto" mode ='widthFix'></image> <image :src="item.icon_url" style="width: 17px;;height: auto" mode='widthFix'></image>
<view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;"> <view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;">
<span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.integral?(user_info.integral>10000?(user_info.integral/10000).toFixed(1)+'w':user_info.integral):0}}</span> <span style='font-size: 21px;color: #0D0D0D;font-weight: 200;'>{{user_info.integral?(user_info.integral>10000?(user_info.integral/10000).toFixed(1)+'w':user_info.integral):0}}</span>
<span>{{item.name}}</span> <span>{{item.name}}</span>
...@@ -87,85 +71,86 @@ ...@@ -87,85 +71,86 @@
</view> </view>
</view> </view>
</view> </view>
<view class="order_bar" v-if="meueData.user_center.is_order_bar_status == 1"> <view class="order_bar" v-if="meueData.user_center.is_order_bar_status == 1">
<u-section title="我的订单" sub-title="查看更多" style="width: 100%;padding:0px 0 10px ;" @click="goUrl('/pages/order/index/index?status=0')"></u-section> <u-section title="我的订单" sub-title="查看更多" style="width: 100%;padding:0px 0 10px ;" @click="goUrl('/pages/order/index/index?status=0')"></u-section>
<view class="order_bar_list"> <view class="order_bar_list">
<view class="order_bar_item" v-for="(item, index) in meueData.user_center.order_bar" :key="index" :name="item.name" @click="goUrl(item.link_url)"> <view class="order_bar_item" v-for="(item, index) in meueData.user_center.order_bar" :key="index" :name="item.name"
<image :src="item.icon_url" style="width: 60rpx;height: auto" mode ='widthFix'></image> @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 60rpx;height: auto" mode='widthFix'></image>
<Text style="margin-top: 10rpx;">{{ item.name }}</Text> <Text style="margin-top: 10rpx;">{{ item.name }}</Text>
<!-- 待付款 --> <!-- 待付款 -->
<view v-if="item.link_url == '/pages/order/index/index?status=1' && user_info.MyOrder.NonPayment > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/order/index/index?status=1' && user_info.MyOrder.NonPayment > 0" class="badge"
:style="{ background: mainColor }">
{{ user_info.MyOrder.NonPayment }} {{ user_info.MyOrder.NonPayment }}
</view> </view>
<!-- 待发货 --> <!-- 待发货 -->
<view v-if="item.link_url == '/pages/order/index/index?status=2' && user_info.MyOrder.WaitSendGoods > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/order/index/index?status=2' && user_info.MyOrder.WaitSendGoods > 0" class="badge"
:style="{ background: mainColor }">
{{ user_info.MyOrder.WaitSendGoods }} {{ user_info.MyOrder.WaitSendGoods }}
</view> </view>
<!-- 待收货 --> <!-- 待收货 -->
<view v-if="item.link_url == '/pages/order/index/index?status=3' && user_info.MyOrder.WaitReceiving > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/order/index/index?status=3' && user_info.MyOrder.WaitReceiving > 0" class="badge"
:style="{ background: mainColor }">
{{ user_info.MyOrder.WaitReceiving }} {{ user_info.MyOrder.WaitReceiving }}
</view> </view>
<!-- 待评价 --> <!-- 待评价 -->
<view v-if="item.link_url == '/pages/order/order-commit' && user_info.MyOrder.WaitCommentNum > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/order/order-commit' && user_info.MyOrder.WaitCommentNum > 0" class="badge"
:style="{ background: mainColor }">
{{ user_info.MyOrder.WaitCommentNum }} {{ user_info.MyOrder.WaitCommentNum }}
</view> </view>
<!-- 售后 --> <!-- 售后 -->
<view v-if="item.link_url == '/pages/order/after-sale/refunds-list' && user_info.MyOrder.AfterSaleNum > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/order/after-sale/refunds-list' && user_info.MyOrder.AfterSaleNum > 0" class="badge"
:style="{ background: mainColor }">
{{ user_info.MyOrder.AfterSaleNum }} {{ user_info.MyOrder.AfterSaleNum }}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="order_bar" style="margin-top:20rpx;" v-if="meueData.user_center.is_sdorder_bar_status == 1"> <view class="order_bar" style="margin-top:20rpx;" v-if="meueData.user_center.is_sdorder_bar_status == 1">
<u-section title="司导订单" sub-title="查看更多" style="width: 100%;padding:0px 0 10px ;" @click="goUrl('/pages/guidecar/orderList?status=0')"></u-section> <u-section title="司导订单" sub-title="查看更多" style="width: 100%;padding:0px 0 10px ;" @click="goUrl('/pages/guidecar/orderList?status=0')"></u-section>
<view class="order_bar_list"> <view class="order_bar_list">
<view class="order_bar_item" v-for="(item, index) in meueData.user_center.sdorder_bar" :key="index" :name="item.name" @click="goUrl(item.link_url)"> <view class="order_bar_item" v-for="(item, index) in meueData.user_center.sdorder_bar" :key="index" :name="item.name"
<image :src="item.icon_url" style="width: 60rpx;height: auto" mode ='widthFix'></image> @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 60rpx;height: auto" mode='widthFix'></image>
<Text style="margin-top: 10rpx;">{{ item.name }}</Text> <Text style="margin-top: 10rpx;">{{ item.name }}</Text>
<!-- 待付款 --> <!-- 待付款 -->
<view v-if="item.link_url == '/pages/guidecar/orderList?status=1' && user_info.MyGuideCarOrder.NonPayment > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/guidecar/orderList?status=1' && user_info.MyGuideCarOrder.NonPayment > 0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.NonPayment }} {{ user_info.MyGuideCarOrder.NonPayment }}
</view> </view>
<!-- 待确认 --> <!-- 待确认 -->
<view v-if="item.link_url == '/pages/guidecar/orderList?status=2' && user_info.MyGuideCarOrder.WaitSendGoods > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/guidecar/orderList?status=2' && user_info.MyGuideCarOrder.WaitSendGoods > 0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.WaitSendGoods }} {{ user_info.MyGuideCarOrder.WaitSendGoods }}
</view> </view>
<!-- 待出行 --> <!-- 待出行 -->
<view v-if="item.link_url == '/pages/guidecar/orderList?status=3' && user_info.MyGuideCarOrder.WaitReceiving > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/guidecar/orderList?status=3' && user_info.MyGuideCarOrder.WaitReceiving > 0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.WaitReceiving }} {{ user_info.MyGuideCarOrder.WaitReceiving }}
</view> </view>
<!-- 出行中 --> <!-- 出行中 -->
<view v-if="item.link_url == '/pages/guidecar/orderList?status=4' && user_info.MyGuideCarOrder.Completed > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/guidecar/orderList?status=4' && user_info.MyGuideCarOrder.Completed > 0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.Completed }} {{ user_info.MyGuideCarOrder.Completed }}
</view> </view>
<!-- 待评价 --> <!-- 待评价 -->
<view v-if="item.link_url == '/pages/guidecar/order-commit' && user_info.MyGuideCarOrder.GuideCarWaitCommentNum > 0" class="badge" :style="{ background: mainColor }"> <view v-if="item.link_url == '/pages/guidecar/order-commit' && user_info.MyGuideCarOrder.GuideCarWaitCommentNum > 0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.GuideCarWaitCommentNum }} {{ user_info.MyGuideCarOrder.GuideCarWaitCommentNum }}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<template v-if="meueData.user_center&&meueData.user_center.nar_menus.length>0"> <template v-if="meueData.user_center&&meueData.user_center.nar_menus.length>0">
<view v-if="meueData.user_center && meueData.user_center.is_menu_status == 1" <view v-if="meueData.user_center && meueData.user_center.is_menu_status == 1" v-for="(mItem,mIndex) in meueData.user_center.nar_menus"
v-for="(mItem,mIndex) in meueData.user_center.nar_menus" :key="mIndex" :style="{'marginTop':mIndex==0&&(meueData.user_center.is_foot_bar_status==1||meueData.user_center.is_account_status==1)?'25px':''}" class="headCommon"> :key="mIndex" :style="{'marginTop':mIndex==0&&(meueData.user_center.is_foot_bar_status==1||meueData.user_center.is_account_status==1)?'25px':''}"
class="headCommon">
<view style="margin:10px;">{{mItem.MenuNavTitle}}</view> <view style="margin:10px;">{{mItem.MenuNavTitle}}</view>
<view :class="mItem.MenuNavStyle == 1 ? 'menus' : 'menus2'" style="width:100%;"> <view :class="mItem.MenuNavStyle == 1 ? 'menus' : 'menus2'" style="width:100%;">
<view <view :class="mItem.MenuNavStyle == 1 ? 'menus_item' : 'menus_item2'" v-for="(item, index) in mItem.MeunList"
:class="mItem.MenuNavStyle == 1 ? 'menus_item' : 'menus_item2'" :key="index" :name="item.name" @click="goUrl(item.link_url)" v-if="pandu(item)">
v-for="(item, index) in mItem.MeunList" <image :src="item.icon_url" :style="{width:mItem.MenuNavStyle == 1 ?'20px':'12px',height: 'auto'}" mode="widthFix"></image>
:key="index" <Text :style="{ 'margin-top': mItem.MenuNavStyle == 1 ? '10rpx' : '0rpx', 'margin-left': mItem.MenuNavStyle == 1 ? '0rpx' : '10rpx' }">
:name="item.name"
@click="goUrl(item.link_url)"
v-if="pandu(item)"
>
<image :src="item.icon_url" :style="{width:mItem.MenuNavStyle == 1 ?'20px':'12px',height: 'auto'}" mode="widthFix"
></image>
<Text
:style="{ 'margin-top': mItem.MenuNavStyle == 1 ? '10rpx' : '0rpx', 'margin-left': mItem.MenuNavStyle == 1 ? '0rpx' : '10rpx' }"
>
{{ item.name }} {{ item.name }}
</Text> </Text>
<button open-type="contact" class="contButton" v-if="item.link_url == 'contact' && item.name == '客服'"></button> <button open-type="contact" class="contButton" v-if="item.link_url == 'contact' && item.name == '客服'"></button>
...@@ -173,32 +158,6 @@ ...@@ -173,32 +158,6 @@
</view> </view>
</view> </view>
</template> </template>
<!-- <view :class="meueData.user_center.menu_style == 1 ? 'menus2' : 'menus'" v-if="meueData.user_center&& meueData.user_center.is_menu_status == 1" style="margin-bottom: 50px;">
<view
:class="meueData.user_center.menu_style == 1 ? 'menus_item2' : 'menus_item'"
v-for="(item, index) in meueData.user_center.menus"
:key="index"
:name="item.name"
@click="goUrl(item.link_url)"
v-if="pandu(item)"
>
<image :src="item.icon_url" :style="{width:meueData.user_center.menu_style == 1 ?'12px':'20px',height: 'auto'}" mode="widthFix"
></image>
<Text
:style="{ 'margin-top': meueData.user_center.menu_style == 1 ? '0rpx' : '10rpx', 'margin-left': meueData.user_center.menu_style == 1 ? '10rpx' : '0rpx' }"
>
{{ item.name }}
</Text>
<button open-type="contact" class="contButton" v-if="item.link_url == 'contact' && item.name == '客服'"></button>
</view>
</view> -->
<!-- <view class="copyright">
<image :src="meueData.user_center.copyright.pic_url" mode="widthFix" style="width: 95px;"></image>
<Text style="margin-top: 10rpx;color: #666666;">{{ meueData.user_center.copyright.description }}</Text>
</view> -->
</view> </view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
<tabbars></tabbars> <tabbars></tabbars>
...@@ -207,10 +166,9 @@ ...@@ -207,10 +166,9 @@
</template> </template>
<script> <script>
import tabbars from '@/components/tabbar/index'; import tabbars from '@/components/tabbar/index';
import auth from '../../components/auth/index.vue'; import auth from '../../components/auth/index.vue';
export default {
export default {
data() { data() {
return { return {
isloading: true, isloading: true,
...@@ -228,13 +186,13 @@ export default { ...@@ -228,13 +186,13 @@ export default {
secondary: '', secondary: '',
u: {}, u: {},
is_icon_members_grade: 0, is_icon_members_grade: 0,
nav:0, nav: 0,
scrollTop:0, scrollTop: 0,
couponsObj:{}, couponsObj: {},
modelstype:0,//机型类型 modelstype: 0, //机型类型
shopBasics:{}, shopBasics: {},
mall_UserInfo:{}, mall_UserInfo: {},
IsEducation:0,//1是0否是网课模式 IsEducation: 0, //1是0否是网课模式
}; };
}, },
components: { components: {
...@@ -244,18 +202,19 @@ export default { ...@@ -244,18 +202,19 @@ export default {
created() { created() {
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary; this.secondary = this.$uiConfig.secondary;
this.IsEducation = uni.getStorageSync('basedata') this.IsEducation = uni.getStorageSync('basedata') ?
? (uni.getStorageSync('basedata').mall.setting.mallStyle.IsEducation?uni.getStorageSync('basedata').mall.setting.mallStyle.IsEducation:0) (uni.getStorageSync('basedata').mall.setting.mallStyle.IsEducation ? uni.getStorageSync('basedata').mall.setting.mallStyle
:0; .IsEducation : 0) :
0;
this.userinfo(); this.userinfo();
}, },
onLoad() { onLoad() {
this.navHeight = this.$navHeight - 2; this.navHeight = this.$navHeight - 2;
this.u = wx.getStorageSync('basedata').user_info; this.u = wx.getStorageSync('basedata').user_info;
this.mall_UserInfo = uni.getStorageSync("mall_UserInfo"); this.mall_UserInfo = uni.getStorageSync("mall_UserInfo");
this.nav = uni.getMenuButtonBoundingClientRect().top+'px'; this.nav = uni.getMenuButtonBoundingClientRect().top + 'px';
this.headStyle.background = `linear-gradient(to right, '#6E75EA',80%, '#B984EC')`; this.headStyle.background = `linear-gradient(to right, '#6E75EA',80%, '#B984EC')`;
this.headStyle.paddingTop = this.nav ; this.headStyle.paddingTop = this.nav;
if (!this.mall_UserInfo) { if (!this.mall_UserInfo) {
this.showAuth = true; this.showAuth = true;
} }
...@@ -266,82 +225,63 @@ export default { ...@@ -266,82 +225,63 @@ export default {
this.bottommargin = c - 2 + 'px'; this.bottommargin = c - 2 + 'px';
this.listbottom = c - 2 + 50 + 'px'; this.listbottom = c - 2 + 50 + 'px';
this.contentHeight = this.$utils.calcContentHeight(c); this.contentHeight = this.$utils.calcContentHeight(c);
if(this.contentHeight>690 && this.contentHeight<776){ if (this.contentHeight > 690 && this.contentHeight < 776) {
this.modelstype=1 this.modelstype = 1
}else if(this.contentHeight>=776){ } else if (this.contentHeight >= 776) {
this.modelstype=2 this.modelstype = 2
} }
this.is_icon_members_grade = uni.getStorageSync('basedata') ? uni.getStorageSync('basedata').mall.setting.is_icon_members_grade : 0; this.is_icon_members_grade = uni.getStorageSync('basedata') ? uni.getStorageSync('basedata').mall.setting.is_icon_members_grade :
0;
let u = '/' + currentPages[currentPages.length - 1].route; let u = '/' + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync('basedata') ? wx.getStorageSync('basedata').bar_title : []; let pages = wx.getStorageSync('basedata') ? wx.getStorageSync('basedata').bar_title : [];
// pages.forEach(x => {
// if (x.value == u) {
// this.pageTitle = x.new_name ? x.new_name : x.name;
// }
// });
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '用户中心' title: '用户中心'
}); });
}, },
onShow() { onShow() {
this.userinfo(2); this.userinfo(2);
}, },
methods: { methods: {
goHome() { goHome() {
uni.redirectTo({ url: '/pages/index/main' }); uni.redirectTo({
url: '/pages/index/main'
});
}, },
pandu(item){ pandu(item) {
let flag=true; let flag = true;
let IsOpen = this.shopBasics.model&&this.shopBasics.model.IsOpen?this.shopBasics.model.IsOpen:1; let IsOpen = this.shopBasics.model && this.shopBasics.model.IsOpen ? this.shopBasics.model.IsOpen : 1;
let SmallShopId = this.mall_UserInfo.SmallShopId?this.mall_UserInfo.SmallShopId:0; let SmallShopId = this.mall_UserInfo.SmallShopId ? this.mall_UserInfo.SmallShopId : 0;
let UserSmallShopId = this.mall_UserInfo.UserSmallShopId?this.mall_UserInfo.UserSmallShopId:0; let UserSmallShopId = this.mall_UserInfo.UserSmallShopId ? this.mall_UserInfo.UserSmallShopId : 0;
switch(item.link_url) switch (item.link_url) {
{ case "/pages/share/index/index":
case "/pages/share/index/index" : if (this.user_info.isShowDistributionCenter == 1) {
if(this.user_info.isShowDistributionCenter == 1) flag = true;
{ } else {
flag=true; flag = false;
}
else{
flag=false;
} }
break; break;
case "/pages/microShop/index/index": case "/pages/microShop/index/index":
//开启 //开启
if(IsOpen==2) if (IsOpen == 2) {
{ flag = true;
// if(SmallShopId==0 && UserSmallShopId!=0)
// {
// flag=false;
// }
// else{
// flag=true;
// }
flag=true;
} }
//关闭 //关闭
else{ else {
if(SmallShopId!=0 || UserSmallShopId!=0 ) if (SmallShopId != 0 || UserSmallShopId != 0) {
{ flag = true;
flag=true; } else {
} flag = false;
else{
flag=false;
} }
} }
break; break;
} }
return flag; return flag;
}, },
//获取菜单配置 //获取菜单配置
userinfo(type=1) { userinfo(type = 1) {
uni.showNavigationBarLoading(); uni.showNavigationBarLoading();
this.request2( this.request2({
{
url: '/api/Mall/GetUserCenter', url: '/api/Mall/GetUserCenter',
data: {} data: {}
}, },
...@@ -349,30 +289,27 @@ export default { ...@@ -349,30 +289,27 @@ export default {
uni.hideNavigationBarLoading(); uni.hideNavigationBarLoading();
this.meueData = res.data.config; this.meueData = res.data.config;
this.user_info = res.data.user_info; this.user_info = res.data.user_info;
this.meueData.user_center.account.forEach(x=>{ this.meueData.user_center.account.forEach(x => {
if(x.link_url =="/pages/coupon/index/index" ){ if (x.link_url == "/pages/coupon/index/index") {
this.couponsObj = x this.couponsObj = x
} }
}) })
if(this.mall_UserInfo&& type==1){ if (this.mall_UserInfo && type == 1) {
this.getLogin() this.getLogin()
} }
} }
); );
let u = uni.getStorageSync("mall_UserInfo"); let u = uni.getStorageSync("mall_UserInfo");
if(u&& type==1){ if (u && type == 1) {
this.getMicroShopBasics() this.getMicroShopBasics()
} }
}, },
getLogin() { getLogin() {
var that = this; var that = this;
let pid = uni.getStorageSync("pid")?uni.getStorageSync("pid").pid:0; let pid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
let Up = uni.getStorageSync("Up") ? uni.getStorageSync("Up").Up : 0; let Up = uni.getStorageSync("Up") ? uni.getStorageSync("Up").Up : 0;
let SmallShopId = uni.getStorageSync("SmallShopId")?uni.getStorageSync("SmallShopId").SmallShopId:0; let SmallShopId = uni.getStorageSync("SmallShopId") ? uni.getStorageSync("SmallShopId").SmallShopId : 0;
that.request2( that.request2({
{
url: '/api/AppletLogin/Login', url: '/api/AppletLogin/Login',
data: { data: {
Source: 1, Source: 1,
...@@ -381,7 +318,7 @@ export default { ...@@ -381,7 +318,7 @@ export default {
Photo: this.mall_UserInfo.Photo, Photo: this.mall_UserInfo.Photo,
Moblie: '', Moblie: '',
SuperiorId: pid, SuperiorId: pid,
SmallShopId:SmallShopId, SmallShopId: SmallShopId,
UserPageType: Up, UserPageType: Up,
} }
}, },
...@@ -395,16 +332,13 @@ export default { ...@@ -395,16 +332,13 @@ export default {
} }
); );
}, },
getMicroShopBasics(){ getMicroShopBasics() {
this.request2( this.request2({
{
url: '/api/AppletUser/GetMicroShopBasics', url: '/api/AppletUser/GetMicroShopBasics',
data: {} data: {}
}, },
(res) => { (res) => {
this.shopBasics = res.data; this.shopBasics = res.data;
} }
); );
}, },
...@@ -422,8 +356,7 @@ export default { ...@@ -422,8 +356,7 @@ export default {
reloadUserinfo() { reloadUserinfo() {
this.userinfo(); this.userinfo();
this.u = this.user_info; this.u = this.user_info;
this.mall_UserInfo = uni.getStorageSync("mall_UserInfo")?uni.getStorageSync("mall_UserInfo"):{}; this.mall_UserInfo = uni.getStorageSync("mall_UserInfo") ? uni.getStorageSync("mall_UserInfo") : {};
// this.showAuth = false;
}, },
login(name) { login(name) {
if ((name && name.nickname == '') || !name || !name.nickname) { if ((name && name.nickname == '') || !name || !name.nickname) {
...@@ -436,29 +369,29 @@ export default { ...@@ -436,29 +369,29 @@ export default {
}, },
scrollHandler(e) { scrollHandler(e) {
this.scrollTop = e.detail.scrollTop; this.scrollTop = e.detail.scrollTop;
//this.$forceUpdate();
}, },
scrollTopHandler() { scrollTopHandler() {
this.scrollTop = 0; this.scrollTop = 0;
}, },
} }
}; };
</script> </script>
<style> <style>
.body { .body {
background: #f3f4f6; background: #f3f4f6;
} }
.userStyle .userBox {
.userStyle .userBox {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background: #f3f4f6; background: #f3f4f6;
min-height: 100vh; min-height: 100vh;
} }
.userStyle .imgbg {
.userStyle .imgbg {
width: 100%; width: 100%;
height: 310px; height: 310px;
display: flex; display: flex;
...@@ -466,36 +399,41 @@ export default { ...@@ -466,36 +399,41 @@ export default {
align-items: center; align-items: center;
position: relative; position: relative;
} }
.userStyle .headimg {
.userStyle .headimg {
width: 140rpx; width: 140rpx;
height: 140rpx; height: 140rpx;
border-radius: 50%; border-radius: 50%;
margin-left: 60rpx; margin-left: 60rpx;
} }
.userStyle .footprint {
.userStyle .footprint {
width: 80%; width: 80%;
height: 140rpx; height: 140rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.userStyle .footprint_item {
.userStyle .footprint_item {
width: 200rpx; width: 200rpx;
height: 90rpx; height: 90rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.userStyle .footprint_item_bottom {
.userStyle .footprint_item_bottom {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.userStyle .account_bar {
.userStyle .account_bar {
width: 94%; width: 94%;
height: 110rpx; height: 110rpx;
border-radius: 10rpx; border-radius: 10rpx;
...@@ -505,19 +443,22 @@ export default { ...@@ -505,19 +443,22 @@ export default {
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
padding: 0 20rpx; padding: 0 20rpx;
} }
.userStyle .account_bar_item {
.userStyle .account_bar_item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
width: 25%; width: 25%;
} }
.userStyle .account_bar_item:last-child {
.userStyle .account_bar_item:last-child {
border-right: 0; border-right: 0;
} }
.userStyle .order_bar {
.userStyle .order_bar {
width: 94%; width: 94%;
border-radius: 10rpx; border-radius: 10rpx;
background: #fff; background: #fff;
...@@ -526,22 +467,25 @@ export default { ...@@ -526,22 +467,25 @@ export default {
align-items: center; align-items: center;
padding: 30rpx; padding: 30rpx;
margin-top: 80rpx; margin-top: 80rpx;
} }
.userStyle .order_bar .order_bar_list {
.userStyle .order_bar .order_bar_list {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.userStyle .order_bar_item {
.userStyle .order_bar_item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 20rpx; margin-top: 20rpx;
position: relative; position: relative;
} }
.userStyle .badge {
.userStyle .badge {
position: absolute; position: absolute;
right: -10rpx; right: -10rpx;
top: -10rpx; top: -10rpx;
...@@ -553,8 +497,9 @@ export default { ...@@ -553,8 +497,9 @@ export default {
color: #fff; color: #fff;
height: 30rpx; height: 30rpx;
border-radius: 15rpx; border-radius: 15rpx;
} }
.userStyle .menus {
.userStyle .menus {
width: 94%; width: 94%;
border-radius: 10rpx; border-radius: 10rpx;
background: #fff; background: #fff;
...@@ -563,17 +508,18 @@ export default { ...@@ -563,17 +508,18 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
margin-top: 30rpx; margin-top: 30rpx;
} }
.userStyle .menus2 {
.userStyle .menus2 {
width: 94%; width: 94%;
border-radius: 10rpx; border-radius: 10rpx;
background: #fff; background: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 20rpx; margin-top: 20rpx;
/* margin-bottom: 20px; */ }
}
.userStyle .menus .menus_item { .userStyle .menus .menus_item {
width: 25%; width: 25%;
height: 110rpx; height: 110rpx;
margin: 20rpx 0 10rpx; margin: 20rpx 0 10rpx;
...@@ -582,17 +528,19 @@ export default { ...@@ -582,17 +528,19 @@ export default {
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
position: relative; position: relative;
} }
.menus_item2 .contButton,
.menus_item .contButton { .menus_item2 .contButton,
.menus_item .contButton {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
opacity: 0; opacity: 0;
} }
.userStyle .menus2 .menus_item2 {
.userStyle .menus2 .menus_item2 {
width: 100%; width: 100%;
height: 90rpx; height: 90rpx;
display: flex; display: flex;
...@@ -600,14 +548,16 @@ export default { ...@@ -600,14 +548,16 @@ export default {
align-items: center; align-items: center;
margin-left: 30rpx; margin-left: 30rpx;
position: relative; position: relative;
} }
.userStyle .copyright {
.userStyle .copyright {
padding: 70rpx 0; padding: 70rpx 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.userStyle .ReceiptAdder {
.userStyle .ReceiptAdder {
position: absolute; position: absolute;
right: 0; right: 0;
top: 160rpx; top: 160rpx;
...@@ -620,8 +570,9 @@ export default { ...@@ -620,8 +570,9 @@ export default {
align-items: center; align-items: center;
padding: 0 20rpx; padding: 0 20rpx;
background: rgba(55, 55, 55, 0.15) background: rgba(55, 55, 55, 0.15)
} }
.userStyle .member {
.userStyle .member {
background: #3b3641; background: #3b3641;
width: 80px; width: 80px;
font-size: 10px; font-size: 10px;
...@@ -633,20 +584,25 @@ export default { ...@@ -633,20 +584,25 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 10px; margin-top: 10px;
} }
.userStyle .titlenav{
width: 100%;text-align: center;font-size: 16px;color: #FFFFFF; .userStyle .titlenav {
} width: 100%;
.userStyle .top_b{ text-align: center;
font-size: 16px;
color: #FFFFFF;
}
.userStyle .top_b {
width: 86%; width: 86%;
height: 65px; height: 65px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
/* margin-top: 20px; */ }
}
.userStyle .top_b_item{ .userStyle .top_b_item {
width: 26%; width: 26%;
height: 50px; height: 50px;
display: flex; display: flex;
...@@ -655,8 +611,9 @@ export default { ...@@ -655,8 +611,9 @@ export default {
justify-content: space-between; justify-content: space-between;
color: #FFFFFF; color: #FFFFFF;
font-size: 12px; font-size: 12px;
} }
.userStyle .Receiptbalance{
.userStyle .Receiptbalance {
width: 94%; width: 94%;
height: 62px; height: 62px;
position: absolute; position: absolute;
...@@ -669,8 +626,9 @@ export default { ...@@ -669,8 +626,9 @@ export default {
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
padding: 0 10px; padding: 0 10px;
} }
.userStyle .Receiptbalance_item{
.userStyle .Receiptbalance_item {
width: 40%; width: 40%;
height: 50px; height: 50px;
display: flex; display: flex;
...@@ -679,8 +637,9 @@ export default { ...@@ -679,8 +637,9 @@ export default {
font-size: 12px; font-size: 12px;
color: #534D62; color: #534D62;
} }
.userStyle .headStatus {
.userStyle .headStatus {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: 140vw; width: 140vw;
...@@ -691,41 +650,47 @@ export default { ...@@ -691,41 +650,47 @@ export default {
right: 0; right: 0;
top: 0; top: 0;
display: flex; display: flex;
background-image: linear-gradient( background-image: linear-gradient(to right,
to right,
#6E75EA, #6E75EA,
#B984EC #B984EC);
);
}
} .userStyle .headStatus .arrow {
.userStyle .headStatus .arrow {
height: 24px; height: 24px;
margin: 5px 10px; margin: 5px 10px;
width: 24px; width: 24px;
} }
.userStyle .headStatus .title {
.userStyle .headStatus .title {
font-size: 18px; font-size: 18px;
color: #fff; color: #fff;
flex: 1; flex: 1;
width: 1px; width: 1px;
/* margin-left: 10px; */
line-height: 34px; line-height: 34px;
text-align: center; text-align: center;
} }
.userStyle .topheard{
display: flex;flex-direction: row;align-items: center;width: 100%; .userStyle .topheard {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
} }
.userStyle .miniHeadTop{
height:200px; .userStyle .miniHeadTop {
} height: 200px;
.userBox .headCommon{ }
width:94%;
margin-top:25px; .userBox .headCommon {
width: 94%;
margin-top: 25px;
border-radius: 10px; border-radius: 10px;
background-color: #fff; background-color: #fff;
} }
.userBox .headHasTOP{
margin-top:25px; .userBox .headHasTOP {
} margin-top: 25px;
}
</style> </style>
\ No newline at end of file
pages/video/index.vue
View file @ 0c84d628
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
return { return {
vlist: [], vlist: [],
videoIndex: 0, videoIndex: 0,
swiperHeight: 0,//高度 swiperHeight: 0, //高度
GoodsId: 0, //商品id GoodsId: 0, //商品id
nav: 0, nav: 0,
goodObj: {}, //商品对象 goodObj: {}, //商品对象
...@@ -214,7 +214,7 @@ ...@@ -214,7 +214,7 @@
comGoodImg: '', //商品缩小图 comGoodImg: '', //商品缩小图
comGoodTitle: '', //商品名称 comGoodTitle: '', //商品名称
comGoodPrice: '', //商品价格 comGoodPrice: '', //商品价格
showSku: false,//是否显示商品SKU showSku: false, //是否显示商品SKU
sku: {}, sku: {},
showAuth: false, showAuth: false,
u: {}, u: {},
...@@ -234,10 +234,8 @@ ...@@ -234,10 +234,8 @@
this.GoodsId = option.GoodsId; this.GoodsId = option.GoodsId;
this.sysheight = uni.getSystemInfoSync().windowHeight; this.sysheight = uni.getSystemInfoSync().windowHeight;
this.swiperHeight = `${this.sysheight}px`; this.swiperHeight = `${this.sysheight}px`;
this.videoIndex = 0; //默认加载第一条
this.videoIndex=0; //默认加载第一条
this.vlist = []; this.vlist = [];
wx.showShareMenu({ wx.showShareMenu({
withShareTicket: true, withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"], menus: ["shareAppMessage", "shareTimeline"],
...@@ -245,12 +243,11 @@ ...@@ -245,12 +243,11 @@
}, },
methods: { methods: {
//获取商品视频 //获取商品视频
getVideoHeight(type) getVideoHeight(type) {
{
//视频填充方式(0默认，1-填充) //视频填充方式(0默认，1-填充)
if(type==0){ if (type == 0) {
return 'contain' return 'contain'
}else{ } else {
return 'fill' return 'fill'
} }
}, },
...@@ -273,14 +270,11 @@ ...@@ -273,14 +270,11 @@
this.videoContextList[curIndex].seek(0) this.videoContextList[curIndex].seek(0)
this.isPlay = true this.isPlay = true
this.videoIndex = curIndex; this.videoIndex = curIndex;
this.comGoodImg = this.vlist[curIndex].picUrl; this.comGoodImg = this.vlist[curIndex].picUrl;
this.comGoodTitle = this.vlist[curIndex].name; this.comGoodTitle = this.vlist[curIndex].name;
this.comGoodPrice = this.vlist[curIndex].price; this.comGoodPrice = this.vlist[curIndex].price;
this.GoodsId = this.vlist[curIndex].id; this.GoodsId = this.vlist[curIndex].id;
this.sku = this.vlist[curIndex]; this.sku = this.vlist[curIndex];
let xz = this.vlist.length - e.detail.current; let xz = this.vlist.length - e.detail.current;
if (xz == 1) { if (xz == 1) {
this.msg.pageIndex++; this.msg.pageIndex++;
...@@ -355,7 +349,7 @@ ...@@ -355,7 +349,7 @@
picUrl: data[0].cover_pic, picUrl: data[0].cover_pic,
price: this.goodObj.price, price: this.goodObj.price,
video_url: data[0].video_url, video_url: data[0].video_url,
VideoType:data[0].video_type VideoType: data[0].video_type
} }
this.vlist.push(obj); this.vlist.push(obj);
this.videoContextList = [] this.videoContextList = []
...@@ -405,32 +399,30 @@ ...@@ -405,32 +399,30 @@
setTimeout(() => { setTimeout(() => {
this.getReceive(); this.getReceive();
}, 2500); }, 2500);
let uid = uni.getStorageSync("mall_UserInfo") let uid = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserId uni.getStorageSync("mall_UserInfo").UserId :
: 0; 0;
if(uid==0){ if (uid == 0) {
uid = uni.getStorageSync("pid")?uni.getStorageSync("pid").pid:0 uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0
} }
let SmallShopId = uni.getStorageSync("mall_UserInfo") let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").SmallShopId uni.getStorageSync("mall_UserInfo").SmallShopId :
: 0; 0;
if(SmallShopId == 0){//如果微店id为0 去找所属微店id if (SmallShopId == 0) { //如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserSmallShopId uni.getStorageSync("mall_UserInfo").UserSmallShopId :
: 0; 0;
} }
return { return {
title: this.comGoodTitle, title: this.comGoodTitle,
query: "GoodsId=" + this.GoodsId + "&user_id=" + uid+ "&SmallShopId=" + SmallShopId, query: "GoodsId=" + this.GoodsId + "&user_id=" + uid + "&SmallShopId=" + SmallShopId,
imageUrl: this.comGoodImg, imageUrl: this.comGoodImg,
}; };
}, },
//点击商品 //点击商品
getShowInfo() { getShowInfo() {
this.isShowInfo = !this.isShowInfo; this.isShowInfo = !this.isShowInfo;
} }
}, },
mounted() {}, mounted() {},
created() { created() {
...@@ -438,7 +430,3 @@ ...@@ -438,7 +430,3 @@
}, },
} }
</script> </script>
\ No newline at end of file
<style>
</style>
pages/webbox/webbox.vue
View file @ 0c84d628
<template> <template>
<web-view :src="url"></web-view> <web-view :src="url"></web-view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
url:"" url: ""
} }
}, },
onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
this.url=decodeURIComponent(option.u) this.url = decodeURIComponent(option.u)
}
} }
}
</script> </script>
<style> <style>
......
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