From d40d42d5c56bf89bbfd8fd9e11cefda10a9e2cf9 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期一, 05 八月 2024 01:27:10 +0800
Subject: [PATCH] update 分享的价格、合伙人质检的联系电话
---
components/top-tabs.vue | 126 +++++++++++++++++++++---------------------
1 files changed, 63 insertions(+), 63 deletions(-)
diff --git a/components/top-tabs.vue b/components/top-tabs.vue
index bb591fc..d6675d8 100644
--- a/components/top-tabs.vue
+++ b/components/top-tabs.vue
@@ -1,76 +1,76 @@
<template>
- <view class="flex top-tabs">
- <view class="top-tab t-grey p10" v-for="(item,index) of tabs" @tap="changeIndex(index)"
- :class="[''+index==flg?'active':'']">
- {{item.name || item.label || ''}}
- </view>
- </view>
+ <view class="flex top-tabs">
+ <view class="top-tab t-grey p10" v-for="(item,index) of tabs" @tap="changeIndex(index)"
+ :class="[''+index==flg?'active':'']">
+ {{ item.name || item.label || '' }}
+ </view>
+ </view>
</template>
<script>
- export default {
- name: "top-tabs",
- data() {
- return {
+export default {
+ name: "top-tabs",
+ data() {
+ return {};
+ },
+ props: {
+ tabs: {
+ type: Array,
+ default: []
+ },
+ flg: ""
+ },
+ methods: {
+ changeIndex(index) {
+ if (index == this.flg) {
- };
- },
- props: {
- tabs: {
- type: Array,
- default: []
- },
- flg: ""
- },
- methods: {
- changeIndex(index) {
- if(index==this.flg){
-
- }else{
- this.$emit('update:flg', index)
- this.$emit('change', index)
- }
+ } else {
+ this.$emit('update:flg', index)
+ this.$emit('change', index)
+ }
- }
- }
- }
+ }
+ }
+}
</script>
<style lang="scss">
- .top-tabs {
- .top-tab {
- color: #000000;
- // flex: 1;
- }
+.top-tabs {
+ .top-tab {
+ color: #ffffff;
+ flex: 1;
+ text-align: center;
+ }
- .top-tab.active {
- color: #000;
- font-weight: 600;
- // border-bottom: 8rpx solid #000;
- // 底部的线条
+ .top-tab.active {
+ color: #ffffff;
+ font-weight: 600;
+ // border-bottom: 8rpx solid #000;
+ // 底部的线条
- font-family: PingFangSC, PingFang SC;
- font-weight: 600;
- font-size: 36rpx;
- color: #000000;
- line-height: 32rpx;
- text-align: left;
- font-style: normal;
- // padding: 0rpx;
- width: fit-content;
- position: relative;
- }
+ font-weight: 600;
+ font-size: 36rpx;
+ color: #ffffff;
+ line-height: 32rpx;
+ text-align: center;
+ font-style: normal;
+ // padding: 0rpx;
+ width: fit-content;
+ position: relative;
+ }
- .top-tab.active::before {
- position: absolute;
- content: " ";
- left: 16rpx;
- right: 16rpx;
- bottom: 8rpx;
- // width: 110rpx;
- height: 8rpx;
- background: #04BA97;
- border-radius: 4rpx;
- }
- }
+ .top-tab.active::before {
+ position: absolute;
+ content: " ";
+ left: 16rpx;
+ right: 16rpx;
+ bottom: 8rpx;
+ // width: 110rpx;
+ height: 8rpx;
+ // background: #04BA97;
+ background: #ffffff;
+
+ border-radius: 4rpx;
+ }
+}
</style>
--
Gitblit v1.9.3