Skip to content

C
CFFP-HB
Commit 9f43ebd0 by kyle
Options

底部菜单样式修改，我的售后样式修改

parent 99142224
Showing with 7 additions and 11 deletions
components/tabBar/tabBar.vue
<template> <template>
<view class="menu_wrapper"> <view class="menu_wrapper">
<view class="menu_content"> <view class="menu_content">
<view v-for="item in menuLists" :key="item.link" class="tabbar_item" :class="{'active':item.link == currentPage}" <view v-for="item in menuLists" :key="item.link" class="tabbar_item" :class="{'active':item.link == currentPage}" @click="navTo(item)">
@click="navTo(item,index)">
<view class="pic"> <view class="pic">
<image v-if="item.link == currentPage" :src="'/static/tabbar/' + item.selectedIconPath + '.png'" mode="widthFix"></image> <image v-if="item.link == currentPage" :src="'/static/tabbar/' + item.selectedIconPath + '.png'" mode="widthFix"></image>
<image v-else :src="'/static/tabbar/' + item.iconPath + '.png'" mode="widthFix"></image> <image v-else :src="'/static/tabbar/' + item.iconPath + '.png'" mode="widthFix"></image>
...@@ -22,26 +21,23 @@ import tabBarVue from './tabBar.vue'; ...@@ -22,26 +21,23 @@ import tabBarVue from './tabBar.vue';
return { return {
menuLists: [ menuLists: [
{key:1,name:'首页',iconPath:'home',selectedIconPath:'home_active',link:'index'}, {key:1,name:'首页',iconPath:'home',selectedIconPath:'home_active',link:'index'},
{key:2,name:'SFP智能财策',iconPath:'sfp',selectedIconPath:'sfp_active',link:'/product'}, {key:2,name:'SFP智能财策',iconPath:'sfp',selectedIconPath:'sfp_active',link:'product'},
{key:3,name:'CFFP认证',iconPath:'cffp',selectedIconPath:'cffp_active',link:'cffp'}, {key:3,name:'CFFP认证',iconPath:'cffp',selectedIconPath:'cffp_active',link:'cffp'},
{key:4,name:'我的',iconPath:'my',selectedIconPath:'my_active',link:'personalCenter'}, {key:4,name:'我的',iconPath:'my',selectedIconPath:'my_active',link:'personalCenter'},
] ]
} }
}, },
methods: { methods: {
navTo(item,index) { navTo(item) {
let _this = this; if (item.link !== this.currentPage) {
if (item.link !== _this.currentPage) {
var isUrl = `/pages/${item.link}/${item.link}`
const that = this
uni.navigateTo({ uni.navigateTo({
url: isUrl url:`/pages/${item.link}/${item.link}`
}) })
} }
} }
}, },
mounted() { mounted() {
console.log(this.currentPage) // console.log(this.currentPage)
} }
} }
</script> </script>
......
pages/afterSales/afterSales.vue
<template> <template>
<view class="container"> <view class="container">
<view class="ulBox"> <view class="ulBox">
<view class="liBOx" v-for="item in userCourses" :key="item.orderId"> <view class="liBox" v-for="item in userCourses" :key="item.orderId">
<course-item :thumbnailPath="item.displayImage" :title="item.fileTitle" :summaryBox="item.fileSynopsis" :dataList="{coursePrice:item.coursePrice,salesNumber:item.salesNumber}" :tagList="{v1:item.fileLecturerRanks,v2:item.fileLecturerName}"></course-item> <course-item :thumbnailPath="item.displayImage" :title="item.fileTitle" :summaryBox="item.fileSynopsis" :dataList="{coursePrice:item.coursePrice,salesNumber:item.salesNumber}" :tagList="{v1:item.fileLecturerRanks,v2:item.fileLecturerName}"></course-item>
<view class="statusBox"> <view class="statusBox">
<text>{{item.orderStatusName}}</text> <text>{{item.orderStatusName}}</text>
......
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