no message

components/list/apply.vue

@@ -18,9 +18,21 @@
 					<view class="" style="min-height: calc(100% - 90px)">
 						<view class="item g_pt_18 g_pl_10 g_pr_10 g_pb_18 g_bg_f g_border_e_b" hover-class="thover" v-for="(item, index) in query.list" :key="index" @click="goDetail(item, index)">
 							<view class="g_flex_row_start">
-								<view class="g_flex_none g_mr_12 g_w_44 g_h_44 g_radius_50 g_flex_c" hover-class="thover" :hover-stop-propagation="true" @click.stop="goTel(item.tel)">
+								<view class="g_flex_none g_mr_12 g_w_44 g_h_44 g_radius_50 g_flex_c" 
-									<image :src="cdnBaseImg + 'tel.svg'" class="g_w_44 g_h_44" v-if="item.tel"></image>
+										  hover-class="thover" 
-									<image :src="cdnBaseImg + 'order_tel_gray.svg'" class="g_w_44 g_h_44" v-else></image>
+											:hover-stop-propagation="true" 
+											@click.stop="goTel(item.tel)"
+								>
+									<div class="g_flex_c"
+											 :class="item.tel ? 'g_bg_main' : 'g_bg_f_6'"
+											 style="width: 28px;height: 28px;border-radius: 50%;"
+									>
+										<i class="iconfont icon-phone" style="font-size: 16px;"
+										  :style="{
+												'color':item.tel ? '#fff' : '#ccc'
+											}"
+										></i>
+									</div>
 								</view>
 								<view class="g_flex_1 g_flex_row_start">
 									<view class="g_flex_1 g_flex_column_between">

static/css/base.scss

@@ -391,6 +391,9 @@ button {
 			&_5 {
 				background-color: #ededed;
 			}
+			&_6 {
+				background-color: #f6f6f6;
+			}
 			&_7 {
 				background-color: #f7f7f7;
 			}