样式修改
This commit is contained in:
@ -1,28 +1,32 @@
|
||||
// 导航栏标题
|
||||
.title {
|
||||
height: 90rpx;
|
||||
padding: 0 32rpx;
|
||||
line-height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
background-color: #f5f5f5;
|
||||
color: #606064;
|
||||
// 导航栏图标样式
|
||||
.iconclass {
|
||||
display: inline-block;
|
||||
margin: 0 12rpx;
|
||||
color: #D0D4DB;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
height: 90rpx;
|
||||
padding: 0 32rpx;
|
||||
line-height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
background-color: #f5f5f5;
|
||||
color: #606064;
|
||||
|
||||
// 导航栏图标样式
|
||||
.iconclass {
|
||||
display: inline-block;
|
||||
margin: 0 12rpx;
|
||||
color: #D0D4DB;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 导航栏项样式
|
||||
.inline-item {
|
||||
display: inline-block
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
// 导航栏项-启用状态
|
||||
.active {
|
||||
color: #666666 !important;
|
||||
color: #666666 !important;
|
||||
}
|
||||
|
||||
// 导航栏项-无状态
|
||||
.none {
|
||||
color: #009C77;
|
||||
}
|
||||
color: #009458;
|
||||
}
|
||||
@ -18,7 +18,7 @@
|
||||
<view v-for="(item,index) in treeStack" class="inline-item" :key="index">
|
||||
<view class="inline-item" @click="clickItem(item,index)">
|
||||
<i class="iconfont icon-z043 iconclass" />
|
||||
<text v-if="index== treeStack.length-1" class="none inline-item" style="color: #009C77;">
|
||||
<text v-if="index== treeStack.length-1" class="none inline-item" style="color: #009458;">
|
||||
{{item[slabel]}}
|
||||
</text>
|
||||
<text v-else class="active" >
|
||||
|
||||
Reference in New Issue
Block a user