From 06c7a41fe4680ae98d8ccd25b17d715b2a036532 Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期一, 09 九月 2024 19:00:54 +0800
Subject: [PATCH] 1、 245-小程序-供应商-商品管理-回收站-平台或花农删除的商品全部到回收站，回收站增加恢复和删除的按钮，恢复可以将商品恢复到原来的状态，删除可以将此商品彻底删除 目前在回收站点击编辑上架等功能显示“商品未找到”点击删除也删不了商品 2、 255-小程序-供应商-增加同品类同等级价格排名，方便花农根据排名改价格(前后端修改) 3、252-小程序-花店-首页搜索、交易大厅搜索-1.点击分类显示下拉选择效果 2.热区扩大一些，点击<无法切换
---
components/top-tabs.vue | 146 ++++++++++++++++++++++++++----------------------
1 files changed, 80 insertions(+), 66 deletions(-)
diff --git a/components/top-tabs.vue b/components/top-tabs.vue
index 5779e66..2915b97 100644
--- a/components/top-tabs.vue
+++ b/components/top-tabs.vue
@@ -1,77 +1,91 @@
<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" :class="[type]">
+ <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 {};
- },
- props: {
- tabs: {
- type: Array,
- default: []
- },
- flg: ""
- },
- methods: {
- changeIndex(index) {
- if (index == this.flg) {
+ export default {
+ name: "top-tabs",
+ data() {
+ return {};
+ },
+ props: {
+ tabs: {
+ type: Array,
+ default: []
+ },
+ flg: "",
+ type: '',
+ },
+ 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: #ffffff;
- flex: 1;
- text-align: center;
- }
+<style lang="scss" scoped>
+ .top-tabs.coupon {
+ .top-tab {
+ color: var(----topicdarkgray);
+ }
- .top-tab.active {
- color: #ffffff;
- font-weight: 600;
- // border-bottom: 8rpx solid #000;
- // 底部的线条
+ .top-tab.active {
+ color: var(--topicolor);
+ }
- font-family: PingFangSC, PingFang SC;
- 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 {
+ background: var(--topicolor);
+ bottom: 0rpx;
+ }
+ }
- .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>
+ .top-tabs {
+ .top-tab {
+ color: #ffffff;
+ flex: 1;
+ text-align: center;
+ }
+
+ .top-tab.active {
+ color: #ffffff;
+ font-weight: 600;
+ // border-bottom: 8rpx solid #000;
+ // 底部的线条
+
+ font-weight: 600;
+ font-size: 36rpx;
+ 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;
+ background: #ffffff;
+
+ border-radius: 4rpx;
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3