style：样式优化

src/main.js

@@ -9,6 +9,8 @@ Vue.config.productionTip = false
 // 此文件配置进入app即运行的方法
 require('@/utils/run_now.js');
 
+import "@/static/font/DIN/din.css";
+
 import md5 from 'js-md5';
 Vue.prototype.$md5 = md5;
 

src/pages/my/index.vue

@@ -74,8 +74,8 @@
       <view class="acc_info">
         <view class="acc_head flex_r flex_jb">
           <view class="acc_price">
-            <view class="price_txt">账号余额（元）</view>
-            <view class="price_num">{{ userinfo.user_money }}</view>
+            <view class="price_txt">账号余额(元)</view>
+            <view class="price_num f_dinB">{{ userinfo.user_money }}</view>
           </view>
           <view class="C flex_r">
             <navigator class="recharge flex_r flex_ac flex_jc" url="/pages/account/conversion" hover-class="none">转化</navigator>
@@ -89,19 +89,15 @@
         <view class="info_con flex_r flex_jb">
           <view class="info_list flex_c flex_jb">
             <view class="list_name">昨日收益(元)</view>
-            <view class="list_text">{{ userinfo.yesterdayProfit || 0 }}</view>
+            <view class="list_text f_dinB">{{ userinfo.yesterdayProfit || 0 }}</view>
           </view>
           <view class="info_list flex_c flex_jb" @tap="getToAccMoney">
             <view class="list_name">茶宝</view>
-            <view class="list_text">{{ userinfo.cha_bao || 0 }}</view>
+            <view class="list_text f_dinB">{{ userinfo.cha_bao || 0 }}</view>
           </view>
-          <!-- <view class="info_list flex_c flex_jb" @tap="getToBean">
-						<view class="list_name">拼豆</view>
-						<view class="list_text">{{userInfoAccount.accountBean}}</view>
-					</view> -->
           <view class="info_list flex_c flex_jb" @tap="getToTeaList">
             <view class="list_name">社区(人)</view>
-            <view class="list_text">{{ allChaYou || 0 }}</view>
+            <view class="list_text f_dinB">{{ allChaYou || 0 }}</view>
           </view>
         </view>
         <view class="acc_hint mar_t50" @tap="SetHint"
@@ -757,9 +753,9 @@ page {
 
 .acc_price .price_num {
   font-size: 46rpx;
-  font-weight: bold;
-  font-family: "SourceHanSansSC-Bold";
   color: #fff;
+  // font-weight: bold;
+  // font-family: "SourceHanSansSC-Bold";
 }
 
 .info_list:nth-child(1) {
@@ -771,6 +767,13 @@ page {
   color: #ffffff;
 }
 
+.list_text {
+  font-size: 36rpx;
+  color: #fff;
+  // font-family: "SourceHanSansSC-Bold";
+  // font-weight: bold;
+}
+
 .info_list:nth-last-child(1) {
   border-right: 0;
 }
@@ -788,14 +791,6 @@ page {
   color: #fff;
 }
 
-.list_text {
-  font-size: 34rpx;
-  font-size: 34rpx;
-  font-family: "SourceHanSansSC-Bold";
-  font-weight: bold;
-  color: #fff;
-}
-
 .info_list {
   width: calc(100% / 3);
   height: 78rpx;

src/static/font/DIN/din.css

@@ -0,0 +1,36 @@
+@font-face {
+  font-family: 'dinM';
+  src: local('dinM'), url(./DIN-Medium.otf) format('opentype');
+}
+@font-face {
+  font-family: 'dinB';
+  src: local('dinB'), url(./DIN-Bold.otf) format('opentype');
+}
+
+.f_din {
+  font-family: "dinM" !important;
+  /* font-size: 12px; */
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.f_dinB {
+  font-family: "dinB" !important;
+  /* font-size: 12px; */
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* 
+100 - Thin
+200 - Extra Light (Ultra Light)
+300 - Light
+400 - Regular (Normal、Book、Roman)
+500 - Medium
+600 - Semi Bold (Demi Bold)
+700 - Bold
+800 - Extra Bold (Ultra Bold)
+900 - Black (Heavy)
+*/