feat(starter): update the usage of some components

dusdong · Aug 2, 2022 · a40166f · a40166f
1 parent 2f20d5d
commit a40166f
Show file tree

Hide file tree

Showing 26 changed files with 99 additions and 87 deletions.
diff --git a/app.wxss b/app.wxss
@@ -1 +1,3 @@
 @import 'style/iconfont.wxss';
+
+@import 'style/theme.wxss';
diff --git a/components/webp-image/index.wxml b/components/webp-image/index.wxml
@@ -5,11 +5,10 @@
  t-class="t-class"
  t-class-load="t-class-load"
  mode="{{ mode }}"
- lazy-load="{{ lazyLoad }}"
+ lazy="{{ lazyLoad }}"
  show-menu-by-longpress="{{showMenuByLongpress}}"
- load-failed="{{loadFailed}}"
+ error="{{loadFailed}}"
  loading="{{loading}}"
  binderror="onError"
  bindload="onLoad"
 />
-
diff --git a/pages/coupon/coupon-list/index.wxml b/pages/coupon/coupon-list/index.wxml
@@ -2,9 +2,10 @@
   defaultValue="{{status}}"
   bind:change="tabChange"
   tabList="{{list}}"
-  t-class="tab-bar__inner"
-  t-class-active="tab-bar__active"
-  t-class-track="t-tabs-track"
+  t-class="tabs-external__inner"
+	t-class-item="tabs-external__item"
+  t-class-active="tabs-external__active"
+  t-class-track="tabs-external__track"
 >
 	<t-tab-panel
 	  wx:for="{{list}}"

diff --git a/pages/coupon/coupon-list/index.wxss b/pages/coupon/coupon-list/index.wxss
@@ -2,36 +2,38 @@ page {
   height: 100%;
 }
 
-.tab-bar__placeholder,
-.tab-bar__inner {
+.tabs-external__inner {
   height: 88rpx;
   width: 100%;
   line-height: 88rpx;
   z-index: 100;
 }
-.tab-bar__inner {
+.tabs-external__inner {
   font-size: 26rpx;
   color: #333333;
   position: fixed;
   width: 100vw;
   top: 0;
   left: 0;
 }
-.tab-bar__inner .t-tabs-is-active {
-  color: #fa4126 !important;
-}
 
-.tab-bar__inner .t-tabs-track {
+.tabs-external__inner .tabs-external__track {
   background: #fa4126 !important;
 }
 
-.tab-bar__inner.order-nav .order-nav-item .bottom-line {
-  bottom: 12rpx;
+.tabs-external__inner .tabs-external__item {
+  color: #666;
 }
-.tab-bar__active {
+
+.tabs-external__inner .tabs-external__active {
   font-size: 28rpx;
   color: #fa4126 !important;
 }
+
+.tabs-external__inner.order-nav .order-nav-item .bottom-line {
+  bottom: 12rpx;
+}
+
 .coupon-list-wrap {
   margin-top: 108rpx;
   margin-left: 24rpx;

diff --git a/pages/goods/comments/components/comments-card/index.wxml b/pages/goods/comments/components/comments-card/index.wxml
@@ -11,7 +11,8 @@
 			<t-rate
 			  class="rate"
 			  value="{{commentScore}}"
-			  color="#FFC51C"
+				size="14"
+				gap="2"
 			  variant="filled"
 			/>
 			<view class="goods-info-text" wx:if="{{goodsDetailInfo}}">{{goodsDetailInfo}}</view>

diff --git a/pages/goods/comments/components/comments-card/index.wxss b/pages/goods/comments/components/comments-card/index.wxss
@@ -1,3 +1,5 @@
+@import '../../../../../style/theme.wxss';
+
 .comments-card-item {
   padding: 32rpx;
   display: flex;
@@ -117,12 +119,6 @@
   height: 404rpx;
 }
 
-.rate .rater-icon {
-  width: 24rpx;
-  height: 24rpx;
-  background-color: #ff9301;
-}
-
 .comments-card-item-container .comments-title {
   display: flex;
   align-items: center;

diff --git a/pages/goods/comments/create/index.wxml b/pages/goods/comments/create/index.wxml
@@ -15,9 +15,8 @@
 			  value="{{goodRateValue}}"
 			  bind:change="onRateChange"
 			  variant="filled"
-			  color="#FFC51C"
-			  size="52"
-			  class="rate"
+			  size="26"
+				gap="6"
 			  data-item="goodRateValue"
 			/>
 		</view>
@@ -55,8 +54,8 @@
 		  value="{{conveyRateValue}}"
 		  bind:change="onRateChange"
 		  variant="filled"
-		  color="#FFC51C"
-		  size="52"
+		  size="26"
+			gap="6"
 		  class="rate"
 		  data-item="conveyRateValue"
 		/>
@@ -67,8 +66,8 @@
 		  value="{{serviceRateValue}}"
 		  bind:change="onRateChange"
 		  variant="filled"
-		  color="#FFC51C"
-		  size="52"
+		  size="26"
+			gap="6"
 		  class="rate"
 		  data-item="serviceRateValue"
 		/>

diff --git a/pages/goods/comments/index.wxss b/pages/goods/comments/index.wxss
@@ -34,6 +34,7 @@ page {
   justify-content: center;
   background-color: #F5F5F5 !important;
   border-radius: 8rpx !important;
+  border: 1px solid #F5F5F5 !important;
 }
 
 .comments-header-active {

diff --git a/pages/goods/details/index.wxml b/pages/goods/details/index.wxml
@@ -97,7 +97,8 @@
 						  value="{{ commentItem.commentScore }}"
 						  count="{{5}}"
 						  variant="filled"
-						  color="#FFC51C"
+							size="12"
+							gap="2"
 						/>
 					</view>
 				</view>

diff --git a/pages/goods/list/index.wxml b/pages/goods/list/index.wxml
@@ -20,7 +20,6 @@
 					<t-input
 					  type="number"
 					  t-class="price-ipt"
-					  t-class-placeholder="t-class-placeholder"
 					  t-class-input="t-class-input"
 					  placeholder="最低价"
 					  value="{{minVal}}"
@@ -30,7 +29,6 @@
 					<t-input
 					  type="number"
 					  t-class="price-ipt"
-					  t-class-placeholder="t-class-placeholder"
 					  t-class-input="t-class-input"
 					  placeholder="最高价"
 					  value="{{maxVal}}"

diff --git a/pages/goods/list/index.wxss b/pages/goods/list/index.wxss
@@ -102,7 +102,7 @@ page {
   border: none !important;
 }
 
-.goods-list-container .t-class-placeholder {
+.goods-list-container .t-input__control {
   font-size: 24rpx !important;
   text-align: center;
 }
diff --git a/pages/goods/result/index.wxml b/pages/goods/result/index.wxml
@@ -46,7 +46,6 @@
 					<t-input
 					  type="number"
 					  t-class="price-ipt"
-					  t-class-placeholder="t-class-placeholder"
 					  t-class-input="t-class-input"
 					  placeholder="最低价"
 					  value="{{minVal}}"
@@ -56,7 +55,6 @@
 					<t-input
 					  type="number"
 					  t-class="price-ipt"
-					  t-class-placeholder="t-class-placeholder"
 					  t-class-input="t-class-input"
 					  placeholder="最高价"
 					  value="{{maxVal}}"

diff --git a/pages/goods/result/index.wxss b/pages/goods/result/index.wxss
@@ -104,7 +104,7 @@ page view {
   border: none !important;
 }
 
-.result-container .t-class-placeholder {
+.result-container .t-input__control {
   font-size: 24rpx !important;
   text-align: center;
 }
diff --git a/pages/home/home.wxml b/pages/home/home.wxml
@@ -44,8 +44,9 @@
 <view class="home-page-container">
 	<t-tabs
 	  t-class="t-tabs"
-	  t-class-active="t-class-item"
-	  t-class-track="t-class-track"
+	  t-class-active="tabs-external__active"
+		t-class-item="tabs-external__item"
+	  t-class-track="tabs-external__track"
 	  defaultValue="{{0}}"
 	  bind:change="tabChangeHandle"
 	>
@@ -66,4 +67,3 @@
 	<load-more list-is-empty="{{!goodsList.length}}" status="{{goodsListLoadStatus}}" bind:retry="onReTry" />
 	<t-toast id="t-toast" />
 </view>
-
diff --git a/pages/home/home.wxss b/pages/home/home.wxss
@@ -72,12 +72,17 @@ page {
   background-color: #fa550f !important;
 }
 
-.home-page-container .t-class-item {
+.home-page-container .tabs-external__item {
+  color: #666 !important;
+  font-size: 28rpx;
+}
+
+.home-page-container .tabs-external__active {
   color: #333333 !important;
   font-size: 32rpx;
 }
 
-.home-page-container .t-class-track {
+.home-page-container .tabs-external__track {
   background-color: #fa4126 !important;
   height: 6rpx !important;
   border-radius: 4rpx !important;

diff --git a/pages/order/after-service-detail/index.wxml b/pages/order/after-service-detail/index.wxml
@@ -188,16 +188,15 @@
 				  t-class-title="t-refund-info"
 				  description="{{service.applyRemark}}"
 				/>
-				<t-grid border="{{false}}" gutter="{{10}}" column="{{3}}">
+				<t-grid border="{{false}}" column="{{3}}">
 					<t-grid-item
-					  wx:for="{{gallery.proofs}}"
+						t-class-image="t-refund-grid-image"
+						wx:for="{{gallery.proofs}}"
 					  wx:key="index"
-					  image="slot"
-					  bindclick="onProofTap"
+						image="{{item}}"
+						bindclick="onProofTap"
 					  data-index="{{index}}"
-					>
-						<t-image slot="image" t-class="t-refund-info-img" src="{{item}}" />
-					</t-grid-item>
+					 />
 				</t-grid>
 			</view>
 			<t-swiper

diff --git a/pages/order/after-service-detail/index.wxss b/pages/order/after-service-detail/index.wxss
@@ -369,13 +369,18 @@
   color: #666;
 }
 
+.t-refund-grid-image {
+  width: 212rpx !important;
+  height: 212rpx !important;
+}
+
 .t-refund-info-img {
-  width: 212rpx;
-  height: 212rpx;
+  width: 100%;
+  height: 100%;
 }
 
 .t-refund-wrapper {
-  padding: 10rpx 24rpx 10rpx 20rpx!important;
+  padding: 10rpx 24rpx 10rpx 20rpx !important;
 }
 
 .t-refund-title {
@@ -386,7 +391,7 @@
 
 .t-refund-note {
   font-size: 26rpx;
-  color: #333!important;
+  color: #333 !important;
 }
 
 .service-detail .logistics {
@@ -427,12 +432,12 @@
 }
 
 .service-detail .goods-refund-address .goods-refund-address-copy-btn {
-  position: absolute; 
-  top: 22rpx; 
-  right:0;
+  position: absolute;
+  top: 22rpx;
+  right: 0;
 }
 
 .service-detail .service-goods-card-wrap {
   padding-top: 0;
   padding-bottom: 0;
-}
+}
diff --git a/pages/order/fill-tracking-no/index.wxml b/pages/order/fill-tracking-no/index.wxml
@@ -6,8 +6,6 @@
 				<t-input
 				 slot="note"
 				 t-class="t-cell__value"
-				 t-class-input="t-cell__input"
-				 t-class-placeholder="t-cell__placeholder"
 				 type="text"
 				 value="{{trackingNo}}"
 				 maxlength="30"
@@ -35,7 +33,6 @@
 			<text>备注信息</text>
 		</view>
 		<t-textarea
-		 t-class-textarea="t-cell__input"
 		 t-class="t-textarea-wrapper"
 		 type="text"
 		 value="{{remark}}"

diff --git a/pages/order/fill-tracking-no/index.wxss b/pages/order/fill-tracking-no/index.wxss
@@ -1,3 +1,5 @@
+@import '../../../style/theme.wxss';
+
 :host {
   background-color: #f5f5f5;
 }
@@ -19,15 +21,12 @@
 }
 
 .fill-tracking-no__form .t-cell__value {
-  color: #666666 !important;
+  color: #333 !important;
   font-size: 30rpx;
   text-align: left;
   padding: 0;
 }
 
-.fill-tracking-no__form .t-cell__input {
-  color: #666666 !important;
-}
 
 .fill-tracking-no__form .t-cell__value::after {
   border: none !important;
@@ -37,9 +36,15 @@
   padding: 0;
 }
 
+.fill-tracking-no__form .t-input__control,
+.fill-tracking-no__form .t-textarea__placeholder,
+.fill-tracking-no__form .t-cell__placeholder {
+  font-size: 30rpx !important;
+}
+
+.fill-tracking-no__form .t-textarea__placeholder,
 .fill-tracking-no__form .t-cell__placeholder {
   color: #bbbbbb !important;
-  font-size: 30rpx;
 }
 
 .t-textarea__note {
@@ -83,9 +88,8 @@
   background: #fff;
   display: flex;
   align-items: flex-start;
-  padding: 24rpx 32rpx 0 48rpx;
+  padding: 24rpx 32rpx 0 32rpx;
 }
 .t-textarea-wrapper {
   box-sizing: border-box;
-  padding-left: 16rpx;
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1,3 @@
		@import 'style/iconfont.wxss';

		@import 'style/theme.wxss';