详情页图标切换

store/src/admin/member/detail.vue

@@ -18,13 +18,28 @@
             <div class="app-color-3">{{ data.id }}</div>
           </div>
           <div class="source-wrap">
-            <i v-if="data.source == 0" class="iconfont iconweixinlaiyuan"></i>
-            <i v-if="data.source == 1" class="iconfont iconzhifubao"></i>
-            <i
+            <i v-if="data.sourceType == 0" class="iconfont iconweixinlaiyuan"></i>
+             <i
+              v-if="data.sourceType != 1"
               class="iconfont iconweixingongzhonghao"
-              :class="[data.subscribe? 'app-color-4' : '']"
-            ></i>
-            <i v-if="data.mobile" class="iconfont iconshoujihao1"></i>
+              :class="[data.subscribe==1? 'app-color-4' : '']"
+            >
+            </i>
+            <i 
+              @click="data.mobile&&callUp(data.mobile)"
+              :class="['iconfont', 'iconshoujihao1',data.mobile?'mobileColor':'']"></i>
+            <i 
+              :class="[data.sourceType == 1? 'zhifubaoColor' : '']"
+              class="iconfont iconzhifubao"></i>
+            <i 
+              :class="[data.sourceType == 2? 'app-color-4' : '']"
+              class="iconfont iconxiaochengxu1"></i>
+            <i 
+              :class="[data.sourceType == 3? 'app-color-4' : '']"
+              class="iconfont iconzhangshangcaifuyemianshoujiban344"></i>
+            <i 
+               :class="[data.sourceType == 4? 'app-color-4' : '']"
+              class="iconfont iconwaimai"></i>
           </div>
         </div>
       </div>
@@ -349,6 +364,11 @@ export default {
   onLoad() {
   },
   methods: {
+    callUp(phone){
+          uni.makePhoneCall({
+        phoneNumber: phone //仅为示例
+    });
+    },
     init() {
       this._getUserDet();
       getLevel();
@@ -534,10 +554,10 @@ export default {
         .iconweixinlaiyuan {
           color: #35b801;
         }
-        .iconzhifubao {
+        .iconzhifubao.zhifubaoColor {
           color: #00aaed;
         }
-        .iconshoujihao1 {
+        .iconshoujihao1.mobileColor {
           color: #fc2e47;
         }
       }

store/src/static/iconfont/iconfont.css

@@ -1,13 +1,19 @@
 @font-face {
-  font-family: 'iconfont';  /* project id 1525256 */
-  src: url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.eot');
+  /* font-family: 'iconfont'; */
+  /* src: url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.eot');
   src: url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.eot?#iefix') format('embedded-opentype'),
   url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.woff2') format('woff2'),
   url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.woff') format('woff'),
   url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.ttf') format('truetype'),
-  url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.svg#iconfont') format('svg');
+  url('https://at.alicdn.com/t/font_1525256_6243f1wxe9f.svg#iconfont') format('svg'); */
+  font-family: 'iconfont';  /* project id 1525256 */
+  src: url('https://at.alicdn.com/t/font_1525256_wlfxtfn2lio.eot');
+  src: url('https://at.alicdn.com/t/font_1525256_wlfxtfn2lio.eot?#iefix') format('embedded-opentype'),
+  url('https://at.alicdn.com/t/font_1525256_wlfxtfn2lio.woff2') format('woff2'),
+  url('https://at.alicdn.com/t/font_1525256_wlfxtfn2lio.woff') format('woff'),
+  url('https://at.alicdn.com/t/font_1525256_wlfxtfn2lio.ttf') format('truetype'),
+  url('https://at.alicdn.com/t/font_1525256_wlfxtfn2lio.svg#iconfont') format('svg');
 }
-
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 32px;
@@ -15,7 +21,21 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+.iconzhangshangcaifuyemianshoujiban344:before {
+  content: "\e632";
+}
+
+.iconwaimai:before {
+  content: "\e692";
+}
 
+.iconxiaochengxu1:before {
+  content: "\e619";
+}
+
+.iconjiantouxia:before {
+  content: "\e61a";
+}
 .iconjiantouxia:before {
   content: "\e61a";
 }