xt / xcx-book · Commits

Go to a project

Commit 08ae7adba040ef3dff76689ce76193f6d1087dd3

Authored by pengye
1 parent ae5dffc4
build: skipped

邀请函服务电话和信息样式调整

Inline Side-by-side
Showing 14 changed files with 179 additions and 43 deletions
@@ -47,8 +47,8 @@ @@ -47,8 +47,8 @@
47 <view class="handleInfo"> 47 <view class="handleInfo">
48 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 48 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
49 <view class="handle handlePhone"> 49 <view class="handle handlePhone">
50 - <view>专属服务：{{staffinfo.name}}</view>  
51 - <view>服务电话：{{staffinfo.phone}}</view> 50 + <view class="handleName">专属服务：{{staffinfo.name}}</view>
  51 + <view class="handleBlower">服务电话：{{staffinfo.phone}}</view>
52 </view> 52 </view>
53 <view class="handle"> 53 <view class="handle">
54 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 54 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -70,16 +70,35 @@ @@ -70,16 +70,35 @@
70 font-family: PingFang SC; 70 font-family: PingFang SC;
71 font-weight: 500; 71 font-weight: 500;
72 font-size: 26rpx; 72 font-size: 26rpx;
73 - height: 110rpx;  
74 justify-content: space-between; 73 justify-content: space-between;
75 } 74 }
76 75
77 .handlePhone { 76 .handlePhone {
78 - height: 100rpx;  
79 color: #515151; 77 color: #515151;
80 margin: 0 20rpx; 78 margin: 0 20rpx;
81 - width: 45%;  
82 - overflow-y: scroll; 79 + width: 47%;
  80 +}
  81 +
  82 +.handleName {
  83 + word-wrap: break-word;
  84 + text-align: left;
  85 + overflow: hidden;
  86 + word-break: break-all;
  87 + text-overflow: ellipsis;
  88 + display: -webkit-box;
  89 + -webkit-box-orient: vertical;
  90 + -webkit-line-clamp: 3;
  91 +}
  92 +
  93 +.handleBlower {
  94 + word-wrap: break-word;
  95 + text-align: left;
  96 + overflow: hidden;
  97 + word-break: break-all;
  98 + text-overflow: ellipsis;
  99 + display: -webkit-box;
  100 + -webkit-box-orient: vertical;
  101 + -webkit-line-clamp: 1;
83 } 102 }
84 103
85 .brownFont { 104 .brownFont {
@@ -48,8 +48,8 @@ @@ -48,8 +48,8 @@
48 <view class="handleInfo"> 48 <view class="handleInfo">
49 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 49 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
50 <view class="handle handlePhone"> 50 <view class="handle handlePhone">
51 - <view>专属服务：{{staffinfo.name}}</view>  
52 - <view>服务电话：{{staffinfo.phone}}</view> 51 + <view class="handleName">专属服务：{{staffinfo.name}}</view>
  52 + <view class="handleBlower">服务电话：{{staffinfo.phone}}</view>
53 </view> 53 </view>
54 <view class="handle"> 54 <view class="handle">
55 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 55 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -114,15 +114,34 @@ @@ -114,15 +114,34 @@
114 font-family: PingFang SC; 114 font-family: PingFang SC;
115 font-weight: 500; 115 font-weight: 500;
116 font-size: 26rpx; 116 font-size: 26rpx;
117 - height: 110rpx;  
118 justify-content: space-between; 117 justify-content: space-between;
119 } 118 }
120 119
121 .handlePhone { 120 .handlePhone {
122 - height: 100rpx;  
123 margin: 0 20rpx; 121 margin: 0 20rpx;
124 - width: 45%;  
125 - overflow-y: scroll; 122 + width: 47%;
  123 +}
  124 +
  125 +.handleName {
  126 + word-wrap: break-word;
  127 + text-align: left;
  128 + overflow: hidden;
  129 + word-break: break-all;
  130 + text-overflow: ellipsis;
  131 + display: -webkit-box;
  132 + -webkit-box-orient: vertical;
  133 + -webkit-line-clamp: 3;
  134 +}
  135 +
  136 +.handleBlower {
  137 + word-wrap: break-word;
  138 + text-align: left;
  139 + overflow: hidden;
  140 + word-break: break-all;
  141 + text-overflow: ellipsis;
  142 + display: -webkit-box;
  143 + -webkit-box-orient: vertical;
  144 + -webkit-line-clamp: 1;
126 } 145 }
127 146
128 .brownFont { 147 .brownFont {
@@ -35,8 +35,8 @@ @@ -35,8 +35,8 @@
35 <view class="handleInfo"> 35 <view class="handleInfo">
36 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 36 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
37 <view class="handle handlePhone"> 37 <view class="handle handlePhone">
38 - <view>专属服务：{{staffinfo.name}}</view>  
39 - <view>服务电话：{{staffinfo.phone}}</view> 38 + <view class="handleName">专属服务：{{staffinfo.name}}</view>
  39 + <view class="handleBlower">服务电话：{{staffinfo.phone}}</view>
40 </view> 40 </view>
41 <view class="handle"> 41 <view class="handle">
42 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 42 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -115,16 +115,35 @@ @@ -115,16 +115,35 @@
115 font-family: PingFang SC; 115 font-family: PingFang SC;
116 font-weight: 500; 116 font-weight: 500;
117 font-size: 26rpx; 117 font-size: 26rpx;
118 - height: 110rpx;  
119 justify-content: space-between; 118 justify-content: space-between;
120 } 119 }
121 120
122 .handlePhone { 121 .handlePhone {
123 - height: 100rpx;  
124 color: #515151; 122 color: #515151;
125 margin: 0 20rpx; 123 margin: 0 20rpx;
126 - width: 45%;  
127 - overflow-y: scroll; 124 + width: 47%;
  125 +}
  126 +
  127 +.handleName {
  128 + word-wrap: break-word;
  129 + text-align: left;
  130 + overflow: hidden;
  131 + word-break: break-all;
  132 + text-overflow: ellipsis;
  133 + display: -webkit-box;
  134 + -webkit-box-orient: vertical;
  135 + -webkit-line-clamp: 3;
  136 +}
  137 +
  138 +.handleBlower {
  139 + word-wrap: break-word;
  140 + text-align: left;
  141 + overflow: hidden;
  142 + word-break: break-all;
  143 + text-overflow: ellipsis;
  144 + display: -webkit-box;
  145 + -webkit-box-orient: vertical;
  146 + -webkit-line-clamp: 1;
128 } 147 }
129 148
130 .brownFont { 149 .brownFont {
@@ -29,8 +29,8 @@ @@ -29,8 +29,8 @@
29 <view class="handleInfo"> 29 <view class="handleInfo">
30 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 30 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
31 <view class="handle handlePhone"> 31 <view class="handle handlePhone">
32 - <view class="font28r">专属服务:{{staffinfo.name}}</view>  
33 - <view class="font28r">服务电话:{{staffinfo.phone}}</view> 32 + <view class="handleName">专属服务：{{staffinfo.name}}</view>
  33 + <view class="handleBlower">服务电话：{{staffinfo.phone}}</view>
34 </view> 34 </view>
35 <view class="handle"> 35 <view class="handle">
36 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 36 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -84,7 +84,6 @@ @@ -84,7 +84,6 @@
84 display: flex; 84 display: flex;
85 color: #fff; 85 color: #fff;
86 line-height: 60rpx; 86 line-height: 60rpx;
87 - height: 90rpx;  
88 overflow-y: scroll; 87 overflow-y: scroll;
89 } 88 }
90 89
@@ -134,16 +133,35 @@ @@ -134,16 +133,35 @@
134 color: #fff; 133 color: #fff;
135 font-family: PingFang SC; 134 font-family: PingFang SC;
136 font-weight: 500; 135 font-weight: 500;
137 - height: 110rpx;  
138 justify-content: space-between; 136 justify-content: space-between;
139 } 137 }
140 138
141 .handlePhone { 139 .handlePhone {
142 - height: 100rpx;  
143 color: #fff; 140 color: #fff;
144 margin: 0 10rpx; 141 margin: 0 10rpx;
145 - width: 45%;  
146 - overflow-y: scroll; 142 + width: 47%;
  143 +}
  144 +
  145 +.handleName {
  146 + word-wrap: break-word;
  147 + text-align: left;
  148 + overflow: hidden;
  149 + word-break: break-all;
  150 + text-overflow: ellipsis;
  151 + display: -webkit-box;
  152 + -webkit-box-orient: vertical;
  153 + -webkit-line-clamp: 3;
  154 +}
  155 +
  156 +.handleBlower {
  157 + word-wrap: break-word;
  158 + text-align: left;
  159 + overflow: hidden;
  160 + word-break: break-all;
  161 + text-overflow: ellipsis;
  162 + display: -webkit-box;
  163 + -webkit-box-orient: vertical;
  164 + -webkit-line-clamp: 1;
147 } 165 }
148 166
149 .brownFont { 167 .brownFont {
@@ -46,8 +46,8 @@ @@ -46,8 +46,8 @@
46 <view class="handleInfo"> 46 <view class="handleInfo">
47 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 47 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
48 <view class="handle handlePhone"> 48 <view class="handle handlePhone">
49 - <view class="font28r">专属服务：{{staffinfo.name}}</view>  
50 - <view class="font28r">服务电话：{{staffinfo.phone}}</view> 49 + <view class="handleName">专属服务：{{staffinfo.name}}</view>
  50 + <view class="handleBlower">服务电话：{{staffinfo.phone}}</view>
51 </view> 51 </view>
52 <view class="handle"> 52 <view class="handle">
53 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 53 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -121,16 +121,35 @@ @@ -121,16 +121,35 @@
121 color: #999999; 121 color: #999999;
122 font-family: PingFang SC; 122 font-family: PingFang SC;
123 font-weight: 500; 123 font-weight: 500;
124 - height: 110rpx;  
125 justify-content: space-between; 124 justify-content: space-between;
126 } 125 }
127 126
128 .handlePhone { 127 .handlePhone {
129 - height: 100rpx;  
130 color: #515151; 128 color: #515151;
131 margin: 0 20rpx; 129 margin: 0 20rpx;
132 - width: 45%;  
133 - overflow-y: scroll; 130 + width: 47%;
  131 +}
  132 +
  133 +.handleName {
  134 + word-wrap: break-word;
  135 + text-align: left;
  136 + overflow: hidden;
  137 + word-break: break-all;
  138 + text-overflow: ellipsis;
  139 + display: -webkit-box;
  140 + -webkit-box-orient: vertical;
  141 + -webkit-line-clamp: 3;
  142 +}
  143 +
  144 +.handleBlower {
  145 + word-wrap: break-word;
  146 + text-align: left;
  147 + overflow: hidden;
  148 + word-break: break-all;
  149 + text-overflow: ellipsis;
  150 + display: -webkit-box;
  151 + -webkit-box-orient: vertical;
  152 + -webkit-line-clamp: 1;
134 } 153 }
135 154
136 .brownFont { 155 .brownFont {
@@ -142,6 +161,10 @@ @@ -142,6 +161,10 @@
142 width: 130rpx; 161 width: 130rpx;
143 } 162 }
144 163
  164 +.brownFont:nth-of-type(1) {
  165 + margin-bottom: 10rpx;
  166 +}
  167 +
145 .handle text { 168 .handle text {
146 margin-bottom: 20rpx; 169 margin-bottom: 20rpx;
147 } 170 }
@@ -42,8 +42,8 @@ @@ -42,8 +42,8 @@
42 <view class="handleInfo"> 42 <view class="handleInfo">
43 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 43 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
44 <view class="handle handlePhone"> 44 <view class="handle handlePhone">
45 - <view>专属服务：{{staffinfo.name}}</view>  
46 - <view>服务电话：{{staffinfo.phone}}</view> 45 + <view class="handleName">专属服务：{{staffinfo.name}}</view>
  46 + <view class="handleBlower">服务电话：{{staffinfo.phone}}</view>
47 </view> 47 </view>
48 <view class="handle"> 48 <view class="handle">
49 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 49 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -76,17 +76,36 @@ @@ -76,17 +76,36 @@
76 font-family: PingFang SC; 76 font-family: PingFang SC;
77 font-weight: 500; 77 font-weight: 500;
78 font-size: 26rpx; 78 font-size: 26rpx;
79 - height: 110rpx;  
80 justify-content: space-between; 79 justify-content: space-between;
81 } 80 }
82 81
83 .handlePhone { 82 .handlePhone {
84 - height: 100rpx;  
85 margin: 0 20rpx; 83 margin: 0 20rpx;
86 color: #fff; 84 color: #fff;
87 margin: 0 20rpx; 85 margin: 0 20rpx;
88 - width: 45%;  
89 - overflow-y: scroll; 86 + width: 47%;
  87 +}
  88 +
  89 +.handleName {
  90 + word-wrap: break-word;
  91 + text-align: left;
  92 + overflow: hidden;
  93 + word-break: break-all;
  94 + text-overflow: ellipsis;
  95 + display: -webkit-box;
  96 + -webkit-box-orient: vertical;
  97 + -webkit-line-clamp: 3;
  98 +}
  99 +
  100 +.handleBlower {
  101 + word-wrap: break-word;
  102 + text-align: left;
  103 + overflow: hidden;
  104 + word-break: break-all;
  105 + text-overflow: ellipsis;
  106 + display: -webkit-box;
  107 + -webkit-box-orient: vertical;
  108 + -webkit-line-clamp: 1;
90 } 109 }
91 110
92 .brownFont { 111 .brownFont {
@@ -29,8 +29,8 @@ @@ -29,8 +29,8 @@
29 <view class="handleInfo"> 29 <view class="handleInfo">
30 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 30 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
31 <view class="handle handlePhone"> 31 <view class="handle handlePhone">
32 - <view>专属服务：{{staffinfo.name}}</view>  
33 - <view>服务电话：{{staffinfo.phone}}</view> 32 + <view class="handleName">专属服务：{{staffinfo.name}}</view>
  33 + <view class="handleBlower">服务电话：{{staffinfo.phone}}</view>
34 </view> 34 </view>
35 <view class="handle"> 35 <view class="handle">
36 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 36 <view wx:if="{{staffinfo.phone}}" data-phone="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -99,17 +99,36 @@ @@ -99,17 +99,36 @@
99 font-family: PingFang SC; 99 font-family: PingFang SC;
100 font-weight: 500; 100 font-weight: 500;
101 font-size: 26rpx; 101 font-size: 26rpx;
102 - height: 110rpx;  
103 justify-content: space-between; 102 justify-content: space-between;
104 } 103 }
105 104
106 .handlePhone { 105 .handlePhone {
107 - height: 100rpx;  
108 margin: 0 20rpx; 106 margin: 0 20rpx;
109 color: #fff; 107 color: #fff;
110 margin: 0 20rpx; 108 margin: 0 20rpx;
111 - width: 45%;  
112 - overflow-y: scroll; 109 + width: 47%;
  110 +}
  111 +
  112 +.handleName {
  113 + word-wrap: break-word;
  114 + text-align: left;
  115 + overflow: hidden;
  116 + word-break: break-all;
  117 + text-overflow: ellipsis;
  118 + display: -webkit-box;
  119 + -webkit-box-orient: vertical;
  120 + -webkit-line-clamp: 3;
  121 +}
  122 +
  123 +.handleBlower {
  124 + word-wrap: break-word;
  125 + text-align: left;
  126 + overflow: hidden;
  127 + word-break: break-all;
  128 + text-overflow: ellipsis;
  129 + display: -webkit-box;
  130 + -webkit-box-orient: vertical;
  131 + -webkit-line-clamp: 1;
113 } 132 }
114 133
115 .brownFont { 134 .brownFont {