Skip to content

C
CFFP-HB
Commit 87f2b601 by kyle
Options

样式调整

parent d160e73e
Showing with 15 additions and 16 deletions
App.vue
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
/*每个页面公共css */ /*每个页面公共css */
uni-page-body{ uni-page-body{
height: 100%; height: 100%;
padding-top: 80rpx;
} }
@font-face {font-family: 'iconfont'; @font-face {font-family: 'iconfont';
src: url('./static/font/iconfont.eot'); src: url('./static/font/iconfont.eot');
......
components/tabBar/tabBar.vue
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
}, },
methods: { methods: {
navTo(item) { navTo(item) {
if (item.link !== this.currentPage) { if (item.link != this.currentPage) {
uni.navigateTo({ uni.navigateTo({
url:`/pages/${item.link}/${item.link}` url:`/pages/${item.link}/${item.link}`
}) })
......
pages/index/index.vue
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<view class="featureContent"> <view class="featureContent">
<!-- 模块导航 --> <!-- 模块导航 -->
<view class="nav_wrapper"> <view class="nav_wrapper">
<view class="nav_content" v-for="featureItem in featureLists" @click="featureSelect(featureItem)"> <view class="nav_content" v-for="featureItem in featureLists" :key="featureItem.key" @click="featureSelect(featureItem)">
<view style="width: 120rpx;text-align: center;"> <view style="width: 120rpx;text-align: center;">
<image :src="'/static/moduleIcon/'+featureItem.icon + '.png'" alt="" srcset="" mode="widthFix"></image> <image :src="'/static/moduleIcon/'+featureItem.icon + '.png'" alt="" srcset="" mode="widthFix"></image>
</view> </view>
...@@ -68,13 +68,13 @@ ...@@ -68,13 +68,13 @@
return { return {
featureLists:[ featureLists:[
{ key: '00', name: '销售课程', icon: 'salesCourse', link: '/pages/saleCourseLists/saleCourseLists', isOpen: true }, { key: '00', name: '销售课程', icon: 'salesCourse', link: '/pages/saleCourseLists/saleCourseLists', isOpen: true },
{ key: '01', name: '我的积分', icon: 'integral', link: '../myPoints/myPoints', isOpen: true }, { key: '01', name: '我的积分', icon: 'integral', link: '/pages/myPoints/myPoints', isOpen: true },
{ key: '02', name: '申请加盟', icon: 'applyJoin', link: '../application-process/basic-info', isOpen: true }, { key: '02', name: '申请加盟', icon: 'applyJoin', link: '/pages/application-process/basic-info', isOpen: true },
{ key: '03', name: '学习认证', icon: 'learningCertify', link: '../learnCertify/learnCertify', isOpen: true }, { key: '03', name: '学习认证', icon: 'learningCertify', link: '/pages/learnCertify/learnCertify', isOpen: true },
{ key: '04', name: '邀请加盟', icon: 'shareJoin', link: '../inviteJoin/inviteJoin', isOpen: true }, { key: '04', name: '邀请加盟', icon: 'shareJoin', link: '/pages/inviteJoin/inviteJoin', isOpen: true },
{ key: '05', name: '我的分享', icon: 'share', link: '../myShare/myShare', isOpen: true }, { key: '05', name: '我的分享', icon: 'share', link: '/pages/myShare/myShare', isOpen: true },
{ key: '06', name: '我的团队', icon: 'team', link: '', isOpen: false }, { key: '06', name: '我的团队', icon: 'team', link: '', isOpen: false },
{ key: '07', name: '更多功能', icon: 'more', link: '../personalCenter/personalCenter', isOpen: true } { key: '07', name: '更多功能', icon: 'more', link: '/pages/personalCenter/personalCenter', isOpen: true }
], ],
cffpUserInfo:{ cffpUserInfo:{
address:'', address:'',
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
methods: { methods: {
featureSelect(featureItem){ featureSelect(featureItem){
console.log(featureItem) console.log(featureItem)
if(featureItem.isOpen){ if(featureItem.isOpen && featureItem.link){
uni.navigateTo({ uni.navigateTo({
url:featureItem.link url:featureItem.link
}) })
......
pages/inviteJoin/inviteJoin.vue
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
<style lang="scss"> <style lang="scss">
.container{ .container{
position: relative; position: relative;
height: 100%; height: 100vh;
.tabTitle{ .tabTitle{
color: #666666; color: #666666;
background-color:#fff; background-color:#fff;
...@@ -181,10 +181,9 @@ ...@@ -181,10 +181,9 @@
} }
.sendInvite{ .sendInvite{
position: absolute; position: absolute;
bottom: 0; left: 50%;
left: 0; top: 80%;
right: 0; transform: translateX(-45%);
margin: 30% auto;
width: 60%; width: 60%;
border-radius: 80rpx; border-radius: 80rpx;
background-color: #20269B; background-color: #20269B;
......
pages/personalCenter/personalCenter.vue
...@@ -182,9 +182,8 @@ ...@@ -182,9 +182,8 @@
} }
.basicInfoBox{ .basicInfoBox{
display: flex; display: flex;
padding: 17rpx 20rpx 0 28rpx; padding: 67rpx 20rpx 60rpx 28rpx;
background:linear-gradient(26deg, #D8E2E5 0%, #F0E6DD 31%, #E7DBDF 100%); background:linear-gradient(26deg, #D8E2E5 0%, #F0E6DD 31%, #E7DBDF 100%);
min-height: 220rpx;
.avatar{ .avatar{
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
......
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