【功能修复】修复顶部导航栏装修无效的问题
parent
263eb74695
commit
522591c486
|
@ -77,7 +77,7 @@
|
||||||
});
|
});
|
||||||
const navList = computed(() => {
|
const navList = computed(() => {
|
||||||
// #ifdef MP
|
// #ifdef MP
|
||||||
return props.data.mapCells || [];
|
return props.data.mpCells || [];
|
||||||
// #endif
|
// #endif
|
||||||
return props.data.otherCells || [];
|
return props.data.otherCells || [];
|
||||||
});
|
});
|
||||||
|
@ -119,9 +119,10 @@
|
||||||
background:
|
background:
|
||||||
props.data.bgType === 'img' && props.data.bgImg
|
props.data.bgType === 'img' && props.data.bgImg
|
||||||
? `url(${sheep.$url.cdn(props.data.bgImg)}) no-repeat top center / 100% 100%`
|
? `url(${sheep.$url.cdn(props.data.bgImg)}) no-repeat top center / 100% 100%`
|
||||||
: props.data.bgColor
|
: props.data.bgColor,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
// 左侧按钮:返回上一页或首页
|
// 左侧按钮:返回上一页或首页
|
||||||
function onClickLeft() {
|
function onClickLeft() {
|
||||||
if (hasHistory) {
|
if (hasHistory) {
|
||||||
|
@ -130,6 +131,7 @@
|
||||||
sheep.$router.go('/pages/index/index');
|
sheep.$router.go('/pages/index/index');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 右侧按钮:打开快捷菜单
|
// 右侧按钮:打开快捷菜单
|
||||||
function onClickRight() {
|
function onClickRight() {
|
||||||
showMenuTools();
|
showMenuTools();
|
||||||
|
@ -147,44 +149,53 @@
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-icon {
|
.nav-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
left: 20rpx;
|
left: 20rpx;
|
||||||
|
|
||||||
.inner-icon-box {
|
.inner-icon-box {
|
||||||
border: 1px solid rgba(#fff, 0.4);
|
border: 1px solid rgba(#fff, 0.4);
|
||||||
background: none !important;
|
background: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-box {
|
.icon-box {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08),
|
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08), 0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
||||||
0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
width: 134rpx;
|
width: 134rpx;
|
||||||
height: 56rpx;
|
height: 56rpx;
|
||||||
margin-left: 8rpx;
|
margin-left: 8rpx;
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
width: 2rpx;
|
width: 2rpx;
|
||||||
height: 24rpx;
|
height: 24rpx;
|
||||||
background: #e5e5e7;
|
background: #e5e5e7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sicon-back {
|
.sicon-back {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sicon-home {
|
.sicon-home {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sicon-more {
|
.sicon-more {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-button {
|
.icon-button {
|
||||||
width: 67rpx;
|
width: 67rpx;
|
||||||
height: 56rpx;
|
height: 56rpx;
|
||||||
|
|
||||||
&-left:hover {
|
&-left:hover {
|
||||||
background: rgba(0, 0, 0, 0.16);
|
background: rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 30rpx 0px 0px 30rpx;
|
border-radius: 30rpx 0px 0px 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-right:hover {
|
&-right:hover {
|
||||||
background: rgba(0, 0, 0, 0.16);
|
background: rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 0px 30rpx 30rpx 0px;
|
border-radius: 0px 30rpx 30rpx 0px;
|
||||||
|
|
|
@ -7,8 +7,9 @@
|
||||||
<image class="avatar-img" :src="
|
<image class="avatar-img" :src="
|
||||||
isLogin
|
isLogin
|
||||||
? sheep.$url.cdn(userInfo.avatar)
|
? sheep.$url.cdn(userInfo.avatar)
|
||||||
: sheep.$url.static('/static/img/shop/default_avatar.png')
|
: sheep.$url.static('/static/img/shop/default_avatar.png')"
|
||||||
" mode="aspectFill" @tap="sheep.$router.go('/pages/user/info')"></image>
|
mode="aspectFill" @tap="sheep.$router.go('/pages/user/info')">
|
||||||
|
</image>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<view class="nickname-box ss-flex ss-col-center">
|
<view class="nickname-box ss-flex ss-col-center">
|
||||||
|
@ -52,19 +53,16 @@
|
||||||
*
|
*
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
import {
|
import { computed } from 'vue';
|
||||||
computed,
|
|
||||||
reactive
|
|
||||||
} from 'vue';
|
|
||||||
import sheep from '@/sheep';
|
import sheep from '@/sheep';
|
||||||
import {
|
import {
|
||||||
showShareModal,
|
showShareModal,
|
||||||
showAuthModal
|
showAuthModal,
|
||||||
} from '@/sheep/hooks/useModal';
|
} from '@/sheep/hooks/useModal';
|
||||||
|
|
||||||
// 用户信息
|
// 用户信息
|
||||||
const userInfo = computed(() => sheep.$store('user').userInfo);
|
const userInfo = computed(() => sheep.$store('user').userInfo);
|
||||||
console.log('用户信息', userInfo)
|
console.log('用户信息', userInfo);
|
||||||
|
|
||||||
// 是否登录
|
// 是否登录
|
||||||
const isLogin = computed(() => sheep.$store('user').isLogin);
|
const isLogin = computed(() => sheep.$store('user').isLogin);
|
||||||
|
@ -112,9 +110,10 @@
|
||||||
return {
|
return {
|
||||||
background: bgType === 'img'
|
background: bgType === 'img'
|
||||||
? `url(${bgImg}) no-repeat top center / 100% 100%`
|
? `url(${bgImg}) no-repeat top center / 100% 100%`
|
||||||
: bgColor
|
: bgColor,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
// 绑定手机号
|
// 绑定手机号
|
||||||
function onBind() {
|
function onBind() {
|
||||||
showAuthModal('changeMobile');
|
showAuthModal('changeMobile');
|
||||||
|
|
Loading…
Reference in New Issue