Procházet zdrojové kódy

新增员工页面优化

kk.shi před 3 roky
rodič
revize
445a8b21ca

+ 4 - 4
pages/welfareMall/staffManage/staffManage.wxml

@@ -7,16 +7,16 @@
     </view>
   </view>
   <view class="staffManage-staff flex-row" wx:for="{{item.hsayStoreStaffList}}" wx:key="index" wx:for-item="list" data-storeno="{{list.storeNo}}">
-    <view class="staff-name">{{list.staffName}}</view>
+    <view class="staff-name over-ellipsis">{{list.staffName}}</view>
     <view class="staff-phone">{{list.mobile}}</view>
     <view class="staff-delete">删除员工</view>
   </view>
   <view class="bg-zindex" hidden="{{hidden}}">
     <view class="success_window flex-column">
       <view class="w_title">新增店员</view>
-      <view class="w_textNo text-top"><view>{{storeValue}}</view></view>
-      <view class="w_text text-middle"><input bindinput="getName" type="text" placeholder="请输入店员名字" value="{{storeName}}" maxlength="10" /></view>
-      <view class="w_text text-lower"><input bindinput="getPhone" type="text" placeholder="请输入店员手机号码" value="{{storePhone}}" maxlength="11" /></view>
+      <view class="w_textNo text-top"><view class="input-style">{{storeValue}}</view></view>
+      <view class="w_text text-middle"><input bindinput="getName" type="text" placeholder="请输入店员名字" value="{{storeName}}" maxlength="10" placeholder-class="input-style" /></view>
+      <view class="w_text text-lower"><input bindinput="getPhone" type="number" placeholder="请输入店员手机号码" value="{{storePhone}}" maxlength="11" placeholder-class="input-style"/></view>
       <view class="w_button flex-row">
         <view class="w_go_order toCancel flex-row" catchtap="cancel">
           <view class="text_style">取消</view>

+ 12 - 1
pages/welfareMall/staffManage/staffManage.wxss

@@ -65,6 +65,7 @@ page{
 }
 
 .staff-name{
+  width: 120rpx;
   margin-left: 68rpx;
   font-size: 28rpx;
   font-weight: 500;
@@ -90,7 +91,7 @@ page{
   height: 100%;
   top: 0;
   background: #040404;
-  opacity: 0.6;
+  opacity: 0.8;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -183,3 +184,13 @@ page{
   font-size: 36rpx;
   font-weight: 500;
 }
+
+.input-style{
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #A0A0A0;
+}
+.w_text input{
+  width: 500rpx;
+  padding-left: 44rpx;
+}