You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
1.8 KiB
90 lines
1.8 KiB
<!--品牌风采和业务动态-->
|
|
<template name="BusinessDynamics">
|
|
<view class="main">
|
|
<view class="top">
|
|
<view class="tabs">
|
|
<u-tabs :list="TabListOfBusiness" :scrollable="false"
|
|
lineColor="#D49B4B"
|
|
:activeStyle="{
|
|
color:'#333333',
|
|
size:'36rpx',
|
|
fontWeight:'bold',
|
|
lineHeight:'50rpx'
|
|
}"
|
|
:inactiveStyle="{
|
|
color:'#999999',
|
|
size:'32rpx',
|
|
lineHeight:'45rpx',
|
|
fontWeight:'400',
|
|
}"
|
|
@click="onTableIndexChanged" :current="currentTabIndex"
|
|
/>
|
|
</view>
|
|
<view class="more">
|
|
<u-text text="更多" size="24rpx" color="#666666" margin="42rpx 54rpx 42rpx 5rpx"/>
|
|
<image src="@/static/images/mainview/more.png" class=".more_icon"/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import BusinessDynamicsConfig from "@/components/BusinessDynamics/BusinessDynamics.config.js"
|
|
let currentTabIndex = 0;
|
|
let TabListOfBusiness = BusinessDynamicsConfig.TabListOfBusiness;
|
|
export default {
|
|
name:"BusinessDynamics",
|
|
data() {
|
|
return {
|
|
TabListOfBusiness,
|
|
currentTabIndex
|
|
};
|
|
},
|
|
methods:{
|
|
onTableIndexChanged(item){
|
|
this.currentTabIndex = item.index;
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.main{
|
|
width: 702rpx;
|
|
height: 583rpx;
|
|
background-color: #FFFFFF;
|
|
opacity: 1;
|
|
border-radius: 20rpx;
|
|
position: relative;
|
|
margin-left: 24rpx;
|
|
margin-right: 24rpx;
|
|
}
|
|
.top{
|
|
height: 110rpx;
|
|
width: 702rpx;
|
|
border-radius: 20rpx;
|
|
position: relative;
|
|
}
|
|
.tabs{
|
|
width: 324rpx;
|
|
//background-color: #1CBBB4;
|
|
border-radius: 20rpx;
|
|
position: absolute;
|
|
height: 110rpx;
|
|
}
|
|
.more{
|
|
width: 110rpx;
|
|
height: 110rpx;
|
|
//background-color: #1CBBB4;
|
|
border-radius: 20rpx;
|
|
position: absolute;
|
|
right: 10rpx;
|
|
}
|
|
.more_icon{
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
position: absolute;
|
|
top: 46rpx;
|
|
right: 20rpx;
|
|
}
|
|
</style>
|
|
|