From cb9bf6bdc98ed047e8ba2e486b51c06b649e9ab4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 23 Sep 2024 17:37:24 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E6=95=B0=E6=8D=AE=E6=98=BE=E7=A4=BA1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/custom-module/model-icon/index.vue     | 15 ++++-----------
 .../custom-module/model-icon/model-icon-style.vue |  2 +-
 .../model-image/model-image-style.vue             |  2 +-
 .../custom-module/model-text/model-text-style.vue |  2 +-
 4 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/components/common/custom-module/model-icon/index.vue b/src/components/common/custom-module/model-icon/index.vue
index 3528a066..cfc3043a 100644
--- a/src/components/common/custom-module/model-icon/index.vue
+++ b/src/components/common/custom-module/model-icon/index.vue
@@ -1,8 +1,6 @@
 <template>
-    <div class="img-outer re oh" :style="com_style">
-        <div :style="icon_style" class="flex-row">
-            <icon :name="form.icon_class" :color="form.icon_color" :size="form.icon_size"></icon>
-        </div>
+    <div class="img-outer re oh flex-row" :style="com_style">
+        <icon :name="form.icon_class" :color="form.icon_color" :size="form.icon_size"></icon>
     </div>
 </template>
 <script setup lang="ts">
@@ -30,15 +28,10 @@ const props = defineProps({
 const form = reactive(props.value);
 
 const com_style = computed(() => {
-    let style = `${ set_count() } background-color: ${ form.com_bg }; ${ radius_computer(form.bg_radius) }`;
+    let style = `${ set_count() } background-color: ${ form.com_bg }; ${ radius_computer(form.bg_radius) };transform: rotate(${form.icon_rotate}deg);${ padding_computer(form.icon_padding) };`;
     if (form.border_show == '1') {
-        style += `border: ${form.border_size}px ${form.border_style} ${form.border_color};`;
+        style += `border: ${form.border_size}px ${form.border_style} ${form.border_color};box-sizing: border-box;`;
     }
-    return style;
-});
-
-const icon_style = computed(() => {
-    let style = `transform: rotate(${form.icon_rotate}deg);${ padding_computer(form.icon_padding) };`;
     if (form.icon_location == 'center') {
         style += `justify-content: center;`;
     } else if (form.icon_location == 'left') {
diff --git a/src/components/common/custom-module/model-icon/model-icon-style.vue b/src/components/common/custom-module/model-icon/model-icon-style.vue
index 5765b6cc..299df170 100644
--- a/src/components/common/custom-module/model-icon/model-icon-style.vue
+++ b/src/components/common/custom-module/model-icon/model-icon-style.vue
@@ -77,7 +77,7 @@
                         </el-radio-group>
                     </el-form-item>
                     <el-form-item label="边框粗细">
-                        <slider v-model="form.border_size" :max="1000"></slider>
+                        <slider v-model="form.border_size" :max="100"></slider>
                     </el-form-item>
                 </template>
             </card-container>
diff --git a/src/components/common/custom-module/model-image/model-image-style.vue b/src/components/common/custom-module/model-image/model-image-style.vue
index 0fb6a79a..202917a1 100644
--- a/src/components/common/custom-module/model-image/model-image-style.vue
+++ b/src/components/common/custom-module/model-image/model-image-style.vue
@@ -51,7 +51,7 @@
                         <radius :value="form.border_radius" @update:value="border_radius_change"></radius>
                     </el-form-item>
                     <el-form-item label="边框粗细">
-                        <slider v-model="form.border_size" :max="1000"></slider>
+                        <slider v-model="form.border_size" :max="100"></slider>
                     </el-form-item>
                 </template>
             </card-container>
diff --git a/src/components/common/custom-module/model-text/model-text-style.vue b/src/components/common/custom-module/model-text/model-text-style.vue
index cb758d34..37197120 100644
--- a/src/components/common/custom-module/model-text/model-text-style.vue
+++ b/src/components/common/custom-module/model-text/model-text-style.vue
@@ -97,7 +97,7 @@
                         </el-radio-group>
                     </el-form-item>
                     <el-form-item label="边框粗细">
-                        <slider v-model="form.border_size" :max="1000"></slider>
+                        <slider v-model="form.border_size" :max="100"></slider>
                     </el-form-item>
                 </template>
             </card-container>

From fc767693f09196e55ad1d56059b0736ecf2e2041 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 23 Sep 2024 18:56:16 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=BD=AE=E6=92=AD?=
 =?UTF-8?q?=E5=9B=BE=E6=98=BE=E7=A4=BA=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-carousel/index.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/model-carousel/index.vue b/src/components/model-carousel/index.vue
index cc1bc1dc..2e0b605b 100644
--- a/src/components/model-carousel/index.vue
+++ b/src/components/model-carousel/index.vue
@@ -156,8 +156,13 @@ const interval_list = ref({
 
 const interval_types = computed(() => interval_type.value == 'card');
 const swiper_Width = ref(390);
-const swiper_right_2 = computed(() => ((swiper_Width.value - new_style.value.image_spacing) / 2) + 'px');
-const swiper_right_3 = computed(() => ((swiper_Width.value - (new_style.value.image_spacing * 2)) / 3) + 'px');
+
+// const swiper_right_2 = computed(() => (swiper_Width.value - new_style.value.image_spacing) / 2  + 'px');
+// const swiper_right_3 = computed(() => (swiper_Width.value / 2) - 55 - (new_style.value.image_spacing * 2) + 'px');
+
+const swiper_right_2 = computed(() => (swiper_Width.value - new_style.value.image_spacing) / 2 + (55 * 1.5 + new_style.value.image_spacing) + 'px');
+const swiper_right_3 = computed(() => (swiper_Width.value - new_style.value.image_spacing) / 3 + 'px');
+
 const negative_swiper_right_2 = computed(() => '-' + swiper_right_2.value);
 const negative_swiper_right_3 = computed(() => '-' + swiper_right_3.value);
 const swiperSize = ref<any>(null);

From 58f713299e726dca6ce33ee28d3a8c4c880475c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Tue, 24 Sep 2024 10:18:37 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/components/model-goods-list/price.png | Bin 380 -> 0 bytes
 .../model-custom/components/index-default.ts     |   2 +-
 src/components/model-goods-list/index.vue        |  15 ++++++---------
 .../layout/components/main/default/goods-list.ts |   4 ++++
 .../layout/components/main/default/goods-tabs.ts |   4 ++++
 5 files changed, 15 insertions(+), 10 deletions(-)
 delete mode 100644 src/assets/images/components/model-goods-list/price.png

diff --git a/src/assets/images/components/model-goods-list/price.png b/src/assets/images/components/model-goods-list/price.png
deleted file mode 100644
index c162b9a095732d991625aa62cc8a40242c6ca005..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 380
zcmV-?0fYXDP)<h;3K|Lk000e1NJLTq000;O000~a1^@s6d**-c00001b5ch_0Itp)
z=>Px$Hc3Q5R7gwhma$3$K@>&r6n5#XG?k4OR#w_b&@Zs?57gff1i!*sY$RWx*v&=}
z>;!F{2qMg8O&TScxv~oZ4P^Jt#=$1r&dxn|?t5<-g&DryYqH@z_7u2Hpb20ZMB}HV
zs-vHE^}ZucL9A8n4+3OwcPnl<x&X0NB|Kgi19~QD5onWKl#1v7i2#K-aYb+;L|g>O
zWAQ_GAL?8jku|y#lKJEbOCu_}#p5zG7IB+eqn{+LSY}}A35p?de3-?3X_2i-PCy<<
z1EfaZkl2X^utq<FSd9r7OkP}dU{i~1Uo`6oisxVssJx5j5&dsOe1B}DpV=VV9DJD0
z=7|0_8Xz_LjKonCK-Sf}p6Z&U=s{3r;+IG+?mW%`ELClkuB*JD{jdJIgFgV&;a@o)
a8~6r-W1=xF((IZ50000<MNUMnLSTZpy`SX(

diff --git a/src/components/model-custom/components/index-default.ts b/src/components/model-custom/components/index-default.ts
index 0f90dacc..06fd70aa 100644
--- a/src/components/model-custom/components/index-default.ts
+++ b/src/components/model-custom/components/index-default.ts
@@ -97,7 +97,7 @@ export const icon_com_data = {
     icon_weight: 'normal',
     icon_size: 12,
     icon_option: 'none',
-    icon_location: 'left',
+    icon_location: 'center',
     icon_padding: {
         padding: 0,
         padding_top: 0,
diff --git a/src/components/model-goods-list/index.vue b/src/components/model-goods-list/index.vue
index 16f8c4f7..04a7654b 100644
--- a/src/components/model-goods-list/index.vue
+++ b/src/components/model-goods-list/index.vue
@@ -37,8 +37,8 @@
                                         <span v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</span>
                                     </div>
                                     <div v-if="show_content && is_show('original_price') && !isEmpty(item.min_original_price)" class="size-10 flex">
-                                        <span class="original-price-left"></span
-                                        ><span :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
+                                        <img class="original-price-left" :src="form.static_img[0].url" />
+                                        <span :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
                                             >{{ item.show_original_price_symbol }}{{ item.min_original_price }}
                                             <template v-if="is_show('original_price_unit')">
                                                 {{ item.show_original_price_unit }}
@@ -72,8 +72,8 @@
                                         <span v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</span>
                                     </div>
                                     <div v-if="show_content && is_show('original_price') && !isEmpty(item.min_original_price)" class="size-10 flex">
-                                        <span class="original-price-left"></span
-                                        ><span :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
+                                        <img class="original-price-left" :src="form.static_img[0].url" />
+                                        <span :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
                                             >{{ item.show_original_price_symbol }}{{ item.min_original_price }}
                                             <template v-if="is_show('original_price_unit')">
                                                 {{ item.show_original_price_unit }}
@@ -121,8 +121,8 @@
                                             <span v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</span>
                                         </div>
                                         <div v-if="show_content && is_show('original_price') && !isEmpty(item.min_original_price)" class="size-10 flex">
-                                            <span class="original-price-left"></span
-                                            ><span :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
+                                            <img class="original-price-left" :src="form.static_img[0].url" />
+                                            <span :class="['original-price text-line-1', { 'flex-1': form.is_price_solo == '1' }]"
                                                 >{{ item.show_original_price_symbol }}{{ item.min_original_price }}
                                                 <template v-if="is_show('original_price_unit')">
                                                     {{ item.show_original_price_unit }}
@@ -491,9 +491,6 @@ watchEffect(() => {
 }
 .original-price-left {
     width: 1rem;
-    background-image: url('/src/assets/images/components/model-goods-list/price.png');
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
 }
 .original-price {
     background-color: #ede2c5;
diff --git a/src/views/layout/components/main/default/goods-list.ts b/src/views/layout/components/main/default/goods-list.ts
index 7782fe26..77cfa692 100644
--- a/src/views/layout/components/main/default/goods-list.ts
+++ b/src/views/layout/components/main/default/goods-list.ts
@@ -1,4 +1,6 @@
 import defaultCommon from './index';
+import { online_url } from '@/utils';
+const new_url = await online_url('/static/app/common/').then((res) => res);
 interface DefaultProductList {
     content: {
         theme: string;
@@ -15,6 +17,7 @@ interface DefaultProductList {
         order_by_type: string;
         order_by_rule: string;
         is_show: string[];
+        static_img: uploadList[];
         is_shop_show: string;
         shop_type: string;
         shop_button_text: string;
@@ -68,6 +71,7 @@ const defaultProductList: DefaultProductList = {
         order_by_type: '0',
         order_by_rule: '0',
         is_show: ['title', 'plugins_view_icon', 'price', 'sales_count', 'original_price'],
+        static_img: [{ id: 2, url: new_url + 'price.png', original: '角标', title: '角标', ext: '.png', type: 'img' }],
         is_shop_show: '1',
         shop_type: 'text',
         shop_button_text: '购买',
diff --git a/src/views/layout/components/main/default/goods-tabs.ts b/src/views/layout/components/main/default/goods-tabs.ts
index daf68ad8..ecc03a3b 100644
--- a/src/views/layout/components/main/default/goods-tabs.ts
+++ b/src/views/layout/components/main/default/goods-tabs.ts
@@ -1,4 +1,6 @@
 import defaultCommon from './index';
+import { online_url } from '@/utils';
+const new_url = await online_url('/static/app/common/').then((res) => res);
 interface articleTabsList {
     id: string;
     title: string;
@@ -22,6 +24,7 @@ interface DefaultProductList {
         carousel_col: number;
         tabs_list: articleTabsList[];
         tabs_active_index: number;
+        static_img: uploadList[];
         is_show: string[];
         is_shop_show: string;
         is_price_solo: string;
@@ -83,6 +86,7 @@ const defaultProductList: DefaultProductList = {
             { id: '4', title: '测试三', img: [], desc: '简介', data_type: '0', category_ids: [], brand_ids: [], data_ids: [], number: 4, order_by_type: '0', order_by_rule: '0', data_list: [], data_auto_list: [] },
         ],
         tabs_active_index: 0,
+        static_img: [{ id: 2, url: new_url + 'price.png', original: '角标', title: '角标', ext: '.png', type: 'img' }],
         is_show: ['title', 'plugins_view_icon', 'price', 'sales_count', 'original_price'],
         is_shop_show: '1',
         is_price_solo: '1',

From 65303f836dcd328e1c97f21e52a94e8f82c6a43f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Tue, 24 Sep 2024 10:21:43 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/custom/icon.png                | Bin 0 -> 3708 bytes
 .../images/layout/siderbar/tabs-carousel.png     | Bin 0 -> 1229 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/assets/images/custom/icon.png
 create mode 100644 src/assets/images/layout/siderbar/tabs-carousel.png

diff --git a/src/assets/images/custom/icon.png b/src/assets/images/custom/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a25346890bf71b05dbbe0fa3cc99571df409559d
GIT binary patch
literal 3708
zcmc(i=|7Zh8^`AwMrK0OG}*FT))Xp@k*!=rGlMLnK_g3OvSo>Eql_g+i6Im>vZl#W
zNKs@-lBFy|lH|5US+ZoZ-JZGsfak^Y>UnYgj`R09zVD9n^ErNJf|Uh97$u2<!C=B9
zqA{6Q+y6a+0z56ZugK*UAdpNjf>nHwnuWncv`EH==R%$4bA&5Kw1i@vEi=~KJuL@$
zg4CBwdT>dY-MgcPR%{-|;Il0Yd=?k{WW!0oAr@uqgr@?c2yy}d`4D217=oWUC&v?g
z5aEjQKqSmQtQN6$QHE|jFkXpNPH;OX-top{eJ`VkKVm1*EhE-mJ2E07LXef5+(_tM
z@A2z+*SOQjy}Vc(4!EMb1Y0S7%}X}IouABE7gpSx#MRb9R^FH4L1bd4Z9)l&=pRA3
zL?e=)Av0*IW~z`aaQe~!y}Jsos1@CKD&BC{P2qM^7eSG-JZD5IKWaZl8B|3c(mtl$
zXI(lqXp2Rus6lG?pCP#<gK3X>ovoL$NF*P+`R@~79$%K)MN$WY5BaaDo_m?r`8EJg
zoHM;g5z4m{2B|tmseS={UaVNIqBUe2qoCF!8tjW>D(ItuNx_T5p<b_S?N*{U$Iba!
zvUmEsA|hPcSM=`u&MXg$nLMEJXpl}7Q*?rcaB<D7h3MnW;I!FUVR92xXE4+u__oHA
z3u}p1Fq8wuXHS&~XY5=!kwE7w=w8-|^Tm?|RDK<fhPMcIP&RAGcJsdZu!-ZiNdlIY
zbw|hirzpE03_olYSSY!y1ShJO6J<}DP@L(9tZ-psc6(dv@lzBHM#I(OULmVI8vJO5
zydY?8R3j%lmT~%3qQ&?CgVU4H6yk9TKPP}P<|;g)SiEnwK3)^9>CecDpn$rWjo~%?
z#Iz3btBxA1M?U1P_lrtPPm}_TO9{6*rDu(!n9ilJ1oR<@b?(P~QIv6K*_@Fz)li<1
zHtZvpIGhH52-!h1IfvrOc`@)5(n-3~&nwTxK<O&>kr|Y^Fmb7Ex1$JN1#yD{R#`7T
zj}}CKzV-|bcMlTa>~K(mEOvk4*cnw2I&&G?wk&7BGIdX)eE%=NF+8}T#qC|Q+DSQj
zV0Jk(s97%XLjgl9b($fVbiOQKI~6WN%!12nyLX)556O87Fvso>NZ#tKPSpgAoyqF^
zDhi<45Z@UdP2tgZ;eISDV6W8iua8laU_KzPZCevJe#3#J!Vnb6^btcWsFLttw40c>
zhm@r%X+Ic!`r$Ao>RD<mP<cRokm*Eru|sryTdS5{``&5Rc(B%c7=Ppz93CrQDEXNJ
z09D?!|G`J)0F{4b&!+!#y+L9%)XgK+*xBs`Yi_5s^;AM^_OT&`z5L?)Zj+As(|*@)
z?92(ye-k;;zr7iJFkK<AG9BA^FxZ<T!&fC{)5))h+5O7-qdj$XTglo7GJP;&3f$M2
zU%!`S$2nJbYM+{8>`pdO$g7pfwCMWNyO`l>P!fM5Ze-Pk&b4+6KG*;=+%!!59VDc;
z^y$=)%eRTkWrtP3!4oTVB!By5twL3zcc5eUARLptRN!B-;x*1~mFS-8|HDs2faP{~
zvgIUj?v_s%Cz!2^fa3g3@nSX%2|tcXa(~Wz-&dDg^r=Ept-XQq)Kop$c5c48iq7iw
z=Ro76P*rVtB|Cof8TM4K8Ds0g=ksI7?wSbwDy;dLGhe8B@!yUTB&C!=P%E))iKlD5
z#x>^%BpS&eik@?pC%69WSIknxMM>y{l<0r$+7hkb71h;ZtxfJypCEwAUb2p!3Y#^B
zK!UgsY3uqd(ax#QG1T4DkoGsx^Cp9fjpSb?JL4IgG%D4w3DfEQl-y$0#)YqI(Zjyn
zVr=uH_AOJPg5nGq09%qQ6HRj0vTXFb9zI5E+MCem?jisV#=j84fG{w3@|Z9!KY#i|
z`gxi5p-P7>nfXyu6H7h6QXDzS>7y8kfb`*aH0_TpskjtN)Stt=ZurQILNG(JbGPVr
zC9H>Y7CjPa8hq8Js)IstNe#4pw-rCTRb|JSL;9>x*UP*qIRqbkM7qkzOISMcm08)R
z;UN?fnD3U%na=$qQ7r!$kQB>03XoMQdzSM|!qQW77Vf5{M((^c<(yM@;~F{XS*L5h
ze4U)=z^I2E&(Y4E)6@FHw9a;n)EOz9vdNr^`WhHkcTSW(PO~%Uzh{q2S8<B5xM#oX
zDV{M@muqQ~VOl;L<Zi>v+9Ey53T%j@$r?DiO5clkV5=E~Ao=GP2h76X2I*D^5|c4+
zclRXv7b;(djccrZp{QHx`7HX{xFXR)-*OrD#xsf+-%XpU1ItyUCnObGW-uXtdIoty
zvj6V+-U}n#qcdT3WHW{!dLzVs>ZvTid^cuUobi2Y!c;A2ZB}P@q4$Tx%48UC{unU+
z30T~jt-@*#PyrLqZk&_}YN@?Pg-;?_S+VkQo?$|gbW6zU?sHhH+p0HvN@uYa<9+6C
zzEyt0Nd(J-ee;LM{BBmF9z82jnE0YqccJKoy<w{F%;Ah9+f=n+k!4*GRwixFssp?~
zAa}^@qk`PDinPsvJzjHt_WA)u+kzWD_h4ZGhKDqi_|iuSvN^TN$de`4=0=yN-+QP*
z^_6MMSFi7ALq5MAy{9_;FyR_;#jR|9tL*L7;G9}WYDw}^fSf8^KRY~Psh<_S$+5A>
zYg-nd4)+NX8g1ay6-m~bxu1N&uqSgd+!MVYt5fkXG8svQFG!sBRXTI<FqS1+Jea~r
z)XIE!0bfHOW)+C>p=%YCyE4lVU@i)fSWIDrnz%2R==)D@{DzIX?l(3o#pIR4mgaC~
zEUDehPwqlQeSiD$(bSkMRf#5>hxM6lUyiy7r3^K!ci&mJhvcixg%w9*(>In|Y_qz}
zaO@K|iVU#N1;Nq7h75fbG)Xu0kGI`m{Pz`3u7oUp2rskvgmY%%XgNcMj{qc?M~D0+
z)es$;x~lm`vAUQ$w?k9eR9;=J+Mzoa4@?YeZM3)A2n~Le&c*soei?akMa~TZo&buv
z$cL3udx+%>r<Hq2T&Ju%Y1CqIuWy90U*;BghP?q^Qu^O+4ejLvSq(njebsK=<&U)l
zCU3S$_fC!)41e0z2bS5yZnc>EfX>4<L0s#i<F-}*;0)Oz3B|e{NXSaO7@e|Icxm8T
z!3>i4jEn|fup3^yH*LJeEYttw7XHrfI$><4ZdU@tJ{#T~b}~^EZ;Q-Y^+0Z9#*^uF
zT<^aZ8ls1^>%}fTi>|MI(`wEI3Y0spxC<wZ9G$G%@Ir*Ci+e^Wz?L$oaDIO`c=6gO
ztkWK9Z<K1Wx5jjtKP3R;QSKzDUf`l^<aJ%Guh{xgbbW=;EbYS2ffigFcBfyso1Tqp
zTa@^Tc^91Tk5s}IVMDDTM!P6^%!HQ$=|rCFAx7PYQw?2T&XzS`pYGO47V{p3k+>2)
zyGGVh%?ou*fLBF14aQFJRtuSH$zy5!p4o2L+8bkPoAuIgBI?0X&#3qzPAT>eC2G@6
z9SfE1Hk2<duW0JWIcq}v?|-am>-{srmvWAG|E%nAZPm|mcR#RKv2=K{tJW;J?*w4X
z%JzIdaK<ruV&GkFslCp{X93RL$G^AUZt9gnmn(i3_bpB-@DJi~W$roKZoiv)h0%sp
zjZ3!T`C>^GjL^nNPek+n2`Va2R_t}s<Ij|`S3z)hb=<soIqb7WspP)10AO^NEIj{+
z@qhABY@pKm#|eT*o$YA=afAQE>{^NgfN4*%$Uod8jJ};UEI|>#D<g9EGefl;ey4Th
z6EAN(G&vuV24B-#`No$M4<z`6u68R&3C&_}!S_N=+q_*P&+w2ndS4@nR6(;tAM=u&
z=L9)(e|v=mn+*P-Yyy^g+$9PRbDr>!W_LaAsId@HL7zW)>uwkl?F~|C4XF}nsDv1m
z4euQ&td;ga5>qUu98hR1(^hBjS^$OsV<Yp3Duy6F;5odv50%xl7xL;*n<sqG^849K
z=-k2D_3pgoJLT}$(FCMAl(N@eSTp{9=NdMp9_i(I)9dvW@}sC{<UHExT-WHaU+|W^
zL1`D&^nrz|sQWu}8ko&jYXkhO;fD79Jhh%@mX-8_;iRY{2p)wn@wj@13x3Kg=XkBV
z#<-%ZzWC_;lRj)wt&5|zp_W9GJ69@V4Ct3KsOA^H4fhoujVQKT1ujsP>g0KQCh-o&
z;L@Tx3X?ldXu5dSg!kC=tIG%bH2gVm*YCI^+iO}(+tk`|)fVgDV?N!eRClM!k*l8y
z0xYitPN#&?U{zjqN<{zQ<k%Q%S4X8&w#Flu&1C9aojfmTdLzzDV9OQ5eC=Z1tR3KN
zI;q1*O82&<*W(iQ_LqU{k2g&Hdzv3L?1|1AGXCdG_zi)1TzEFP&K^1JugO;^2C`*e
z>3c-d;!Rjxk^8hyY8k5+U#<2k#guB^E=hlz<h?z2_E5&==E2j)CprQUEmsGA*S)l6
z=w}8iTfJ0nHuHZoksk9`Ee_~Aw&+DgwPMkr#@C=hIbPg8jVZs__Fw(hE?qfg#DVoh
R1>ScOMl!K5t}t?m{tsvIgSG$w

literal 0
HcmV?d00001

diff --git a/src/assets/images/layout/siderbar/tabs-carousel.png b/src/assets/images/layout/siderbar/tabs-carousel.png
new file mode 100644
index 0000000000000000000000000000000000000000..95b053e4c3fecd776873fd0fa70a8ed602e705ca
GIT binary patch
literal 1229
zcmV;;1Ty=HP)<h;3K|Lk000e1NJLTq0024w001-y1^@s6+p#NH00001b5ch_0Itp)
z=>Px(he<?1RA@u(nq6!ZRTze!cb3vd6BHVVc!Ng4&}~<fYGMMBc%k7!FCox1CSWN2
z1LaC@{7Fo_Hqllw%7s~K0|~}pjFCidY|!|FwB4GNh=56B_z@xoEbPu_c9<>Ob*JpK
zvrE(N-fiYP?{}W_oilUJ$txDfPo+3p_u9&9#(kDytt;xH7z;U^NBp{E8NVOhtgBII
zhS8V;y6J$$M$fX#h20VjG8zpQhY_46_A=sc!MT{|9O}|{5$TpCGYM*DYVPG1#40oH
zDy#J@g0zUXbca5fg+!>Plc4cl+vCDpG8#MuVS-DpkqM<35G=R@xU=B#nYzV1b-Z0;
zQRv@F!voE&$txKKW!!&*k$+4ab7H({*~mawxbQZx6r<i7NaN5*H=88ctvWi}=N@RH
z&mPYhhcH(99Z02n^!#kai`&OPv}N`$<3PRtY;3eg4;988NZUQvvurfD7AAiz#&28W
z`aY<Q2ip9uZ8vz&d+~^i4s03e)>mN?l^fgKYbn=A`pe@~eFN)`y`UUC`-iO6;ILo`
zhEuL)eyJfoPPVACR67qe-fKI|_`nZ1rx;t(o%%XdqB4V<`fMLA+x+l9RLA=CPMz^U
zk6WKXI}j^VZc3QM$z(zg%ze<bJz^QY6x5kQR@AuLaoF9~qIc#zXs&|?PT2D76*gFm
ziBMG)C)?smPrF9v%G3=77BYBFt<jKu4;5Ymt;$<hoCiiRvZ2aTI(Xb*Ft&&vMmqFk
zamekiXasyWB?Q+^{0V%vxr-Oyklg&!c?DVkbp?n1beDGAHqdyVy=*S8A}&Q*PH+W{
zX5Qf;w_iW&z_#HYec}JF?#?Kev~{mVa+oh1sEo^sOqLYznE9t9i6fi3*qEEbRiC;M
zSMh&xO}#dTvD$kePQ{n=;K9wx&PULXFt+<6aJn8g9P82P`3D+sXs8(I{vlgxVx5e8
z%bBhw#$^m96S`PVd{9i#>8K*01H<-o#^}dr4Ap6I!4X^AT682-yMo}VfqIpM6QLn*
ze(){`R?oDuRRc{8+cUTv_P<@<AO^~+j<LnyNiWvn+2>mHd0Fj>f+7d)AF|h6qg`T8
zGNFU{eEWy2-Hg2+sMwiID1UP?ZNH~$7nG}%VC0~wA-jsvAQ((Oto4-y4a!v=(BtM^
zQA+%jOz6>yf(GQOftI*@oAKu*RjX+9FQcGAtxet9)SbaieQk|aV8d{G*XTmoFf5oY
zV9>^O-filGKo`t0EjIuQ;^1Adxu5@6DKj}RN7W|s^Jr8Zi&|$|(561yhRgd@!K@KA
zSg~G^8Kk8B2KaWgTTfKFQ&H=C_MQojVyyACC+$6fhAQAwiIh3f7^<R%D%O+Ba@QC@
zOq4Qg6<g$9SKbFGa#tmnh{z&WX;6wSct)nKo_OAZHwo%HJAZb?nn^!k6?#{p6z3dx
zWu!;@^7>P3te(TOkC$B7C1~(3p`)^~R*1=$6_??LP1cFgHQb@2g$V<V$=9>2%D`F~
riz?g0h}0ean$GxK5;UUJb4unvcD<BwapI<B00000NkvXXu0mjf6`x#G

literal 0
HcmV?d00001