Ver código fonte

细化任务提醒的样式

yangyongyong 4 anos atrás
pai
commit
a9642f1df1

+ 15 - 4
client/pages/customer/taskreminder/taskreminder.acss

@@ -1,5 +1,5 @@
 .tasks-page{
-  padding-top: 0rpx;
+  padding-top: 35rpx;
   background-color: #FFFFFF;
 }
 .tasks-head{
@@ -14,15 +14,17 @@
 .cell-title image{
   width: 24rpx;
   height: 16rpx;
-  margin-left: 9rpx;
+  margin-right: 4rpx;
 }
 .cell-list{
   color: #999999;
   font-size: 22rpx;
+  margin-top: 16rpx;
 }
-.cell-type{
+.cell-typecontnet{
   color: #666666;
   font-size: 28rpx;
+  margin-top: 16rpx;
 }
 .cell-right{
   float: right;
@@ -69,6 +71,15 @@
   margin-top: 30rpx;
   float: left;
 }
+.littletik{
+  width: 6rpx;
+  height: 6rpx;
+  background-color: #09AFFF;
+  padding-bottom: 0rpx;
+  border-radius: 100%;
+  margin-left: 49%;
+  margin-top: 11rpx;
+}
 .tik-week-item{
   float: left;
   width: 14.2%;
@@ -82,7 +93,7 @@
   color: #09AFFF;
   border-radius: 12px;
 }
-.tik-week-item view{
+.tik-week-item-view{
   padding-bottom: 20rpx;
 }
 .tasks-list{

+ 6 - 5
client/pages/customer/taskreminder/taskreminder.axml

@@ -1,5 +1,5 @@
 <import-sjs from="../../../util/formateFuc.sjs" name="formate"></import-sjs>
-<view class="tasks-page">
+<view class="common-page-padding tasks-page">
 <!---客户信息-->
     <view class="tasks-head">
       <view class="cell-title">
@@ -12,7 +12,7 @@
       <view class="cell-list">
         {{weekday}}
       </view>
-        <view class="cell-type">
+        <view class="cell-typecontnet">
           保姆工种:<label>{{formate.serviceType(servantTypeValue)}}</label>
         </view>
       </view>
@@ -28,9 +28,10 @@
         </view>
         <view class="tik-week" a:for="{{datelist}}" key="{{index}}">
           <view class="tik-week-item {{item.cssName}}" onTap="changeWeekTime"  data-value="{{item.date}}" data-id="{{item.id}}">
-            <view>{{item.title}}</view>
-            <view>{{item.day}}
-            <text a:if={{item.cssName}}>\n▪</text>
+            <view class="tik-week-item-view">{{item.title}}</view>
+            <view class="tik-week-item-view">{{item.day}}
+            <text a:if={{item.cssName}}></text>
+            <view a:if={{item.cssName}} class="littletik"> </view>
             </view>
           </view>
         </view>