自定义卡项模版修改

后端研发-苏泰源
1 parent 409528ec
Showing 3 changed files with 39 additions and 6 deletions
components/diy_serviceCard/diy_serviceCard.js
components/diy_serviceCard/diy_serviceCard.wxml
components/diy_serviceCard/diy_serviceCard.wxss
@@ -55,6 +55,7 @@ Component({
 	lifetimes: {
 		attached: function() {
+			let myStyle = '';
 			//要兼容性的写法，因为有些商家都还未更新商品分组的最新的效果~~3.0公众号的html页面所以不用兼容写法	
 			var nav_item = this.data.object;
 			var nav_list = this.data.object.nav_list;
@@ -102,12 +103,40 @@ Component({
 			if (this.data.object.goodsnum) hei += 80;
 			if (this.data.object.title_color) {
-				this.data.title_class = `color:${this.data.object.title_color};`
+				// this.data.title_class = `color:${this.data.object.title_color};`
 			}
-			if (this.data.object.title_font_size) {
-				this.data.title_class = this.data.title_class.concat(`font-size:${this.data.object.title_font_size}px;`)
+			if (this.data.object.font_size) {
+				this.data.title_class = this.data.title_class.concat(`font-size:${this.data.object.font_size}px;`);
 			}
+			
+			if (this.data.object.font_color) {
+				this.data.title_class = this.data.title_class.concat(`color:${this.data.object.font_color};`);
+			}
+			
+			if (this.data.object.acitve_font_color) {
+				this.setData({
+					myStyle: `
+						--border-color:${this.data.object.acitve_font_color};
+						--font-color:${this.data.object.acitve_font_color};
+					`,
+				});	
+			}
+			
+			if (this.data.object.list_border_type == 0) {
+				this.data.title_class = this.data.title_class.concat('border-radius: 80rpx;');
+			}
+			
+			if (this.data.object.list_border_type == 1) {
+				this.data.title_class = this.data.title_class.concat('border-radius: 0;');
+			}
+			
+			if (this.data.object.list_border_type == 2) {
+				this.data.title_class = this.data.title_class.concat('border-width: 0;');
+			}
+			
+			
+			
 			this.setData({
 				swiper_hei: hei,
 				title_class: this.data.title_class,
@@ -12,8 +12,9 @@
 </block> -->
 <!-- 服务卡项顶部标题 -->
+<!-- class="scroll-view-item {{index == title_index ? 'active':''}}" -->
 <scroll-view scroll-x="true" enhanced="true" fast-deceleration="true" show-scrollbar="false" wx:if="{{is_nav}}">
-	<view class="flex fs28">
+	<view class="flex" style="{{myStyle}}">
 		<view
 		wx:for="{{nav_list}}"
 		data-index="{{index}}"
 /* pages/diy_zs/diy_zs.wxss */
+:root {
+	
+}
 .zwp_3 {
   margin-top: 10rpx;
@@ -920,8 +923,8 @@ top: 10rpx;
 }
 .scroll-view-item.active {
-	color: #f2270c;
-	border-color: #f2270c !important;
+	color: var(--font-color) !important;
+	border-color: var(--border-color) !important;
 }