1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <template>
- <div style="background: #fff;">
- <div style="height:50px;line-height:50px">
- <span :class="informationsClass==1?'information2':'information1'" @click="getInformation(1)" class="cursor">{{$t('common.ProductInformation')}}</span>
- <span :class="informationsClass==2?'information2':'information1'" @click="getInformation(2)" class="cursor">{{$t('common.coreTechnology')}}</span>
- <span :class="informationsClass==3?'information2':'information1'" @click="getInformation(3)" class="cursor">{{$t('common.ProjectPerformance')}}</span>
- </div>
- <userCenterHomeProductInformations v-if="informationsClass==1"></userCenterHomeProductInformations>
- <userCenterHomeCoreTechnology v-if="informationsClass==2"></userCenterHomeCoreTechnology>
- <userCenterHomeProjectPerformance v-if="informationsClass==3"></userCenterHomeProjectPerformance>
- </div>
- </template>
- <script>
- import userCenterHomeProductInformations from './userCenterHomeProductInformations' // 产品信息
- import userCenterHomeCoreTechnology from './userCenterHomeCoreTechnology' // 核心技术
- import userCenterHomeProjectPerformance from './userCenterHomeProjectPerformance' // 项目业绩
- export default {
- name: 'userCenterHomeMaintenance',
- components:{userCenterHomeProductInformations,userCenterHomeCoreTechnology,userCenterHomeProjectPerformance},
- data () {
- return {
- informationsClass:'1',
- dialogVisible: false,
- }
- },
- methods:{
- getInformation(num){
- this.informationsClass=num
- },
- }
- }
- </script>
- <style scoped>
- .information1 {
- display: inline-block;
- padding: 0 20px;
- min-width: 123px;
- height: 100%;
- border:1px solid rgba(228, 228, 228, 1);
- text-align: center;
- background: #f9f9f9;
- color: #999;
- }
- .information2 {
- display: inline-block;
- padding: 0 20px;
- min-width: 123px;
- height: 100%;
- border-top:3px solid #2c5589;
- text-align: center;
- color: #2c5589;
- }
- .information1:hover {
- color: #FF0036;
- }
- </style>
|