Home Explore Help
Register Sign In
seimin
/
zy-wechat
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

页面优化

seimin 2 years ago
parent
23223d6c19
commit
fd373698e0
11 changed files with 306 additions and 19 deletions
Unified View Show Diff Stats
  1. 8 8
      pages/specimenChecking/specimenChecking.vue
  2. 1 1
      pages/specimenCheckingDetail/specimenCheckingDetail.vue
  3. 1 1
      pages/specimenDetail/specimenDetail.vue
  4. 52 5
      static/font/demo_index.html
  5. 12 3
      static/font/iconfont.css
  6. 1 1
      static/font/iconfont.js
  7. 14 0
      static/font/iconfont.json
  8. 217 0
      static/font/iconfont.svg
  9. BIN
      static/font/iconfont.ttf
  10. BIN
      static/font/iconfont.woff
  11. BIN
      static/font/iconfont.woff2

+ 8 - 8
pages/specimenChecking/specimenChecking.vue
View File 

@@ -9,11 +9,11 @@
9 
               <view class="L_text">{{item[1]}}</view>
 9 
               <view class="L_text">{{item[1]}}</view>
10 
             </view>
 10 
             </view>
11 
             <view class="page_item_top_R">
 11 
             <view class="page_item_top_R">
12 
-              <view class="L_iocn"></view>
12 
+              <view class="L_iocn">{{item[2]}}</view>
13 
             </view>
 13 
             </view>
14 
           </view>
 14 
           </view>
15 
         </view>
 15 
         </view>
16 
-        <view class="page_item_cont">
16 
+        <!-- <view class="page_item_cont">
17 
           <view class="page_item_cont_T">
 17 
           <view class="page_item_cont_T">
18 
             <view class="page_item_cont_title">
 18 
             <view class="page_item_cont_title">
19 
               <view>
 19 
               <view>
 
@@ -22,12 +22,12 @@
22 
               <view class="text_big">{{item[2]}}</view>
 22 
               <view class="text_big">{{item[2]}}</view>
23 
             </view>
 23 
             </view>
24 
           </view>
 24 
           </view>
25 
-        </view>
26 
-        <view class="L"></view>
27 
-        <view class="R"></view>
25 
+        </view> -->
26 
+        <!-- <view class="L"></view>
27 
+        <view class="R"></view> -->
28 
       </view>
 28 
       </view>
29 
-      <view class="L-l"></view>
30 
-      <view class="R-l"></view>
29 
+      <!-- <view class="L-l"></view> -->
30 
+      <!-- <view class="R-l"></view> -->
31 
     </view>
 31 
     </view>
32 
     <view class="foot_btn2">
 32 
     <view class="foot_btn2">
33 
       <view class="btn2" @click="createOrder">确认数量并建单</view>
 33 
       <view class="btn2" @click="createOrder">确认数量并建单</view>
 
@@ -489,7 +489,7 @@
489
489
490 
         .page_item_top {
 490 
         .page_item_top {
491 
           height: 88rpx;
 491 
           height: 88rpx;
492 
-          border-bottom: 2rpx dashed #e5e9ed;
492 
+          // border-bottom: 2rpx dashed #e5e9ed;
493 
           padding: 0 16rpx;
 493 
           padding: 0 16rpx;
494
494
495 
           .page_item_top-inner {
 495 
           .page_item_top-inner {

+ 1 - 1
pages/specimenCheckingDetail/specimenCheckingDetail.vue
View File 

@@ -50,7 +50,7 @@
50 
               <view class="text_big">{{
 50 
               <view class="text_big">{{
51 
                 item.sickRoom ? item.sickRoom.dept : "无"
 51 
                 item.sickRoom ? item.sickRoom.dept : "无"
52 
               }}</view>
 52 
               }}</view>
53 
-              <text style="width: 4em;text-align: center;"> —> </text>
53 
+              <text style="width: 4em;text-align: center;" class="icon_transport transport-arrow-right-full"></text>
54 
               <view class="text_big">{{
 54 
               <view class="text_big">{{
55 
                 item.checkDept ? item.checkDept.dept : "无"
 55 
                 item.checkDept ? item.checkDept.dept : "无"
56 
               }}</view>
 56 
               }}</view>

+ 1 - 1
pages/specimenDetail/specimenDetail.vue
View File 

@@ -30,7 +30,7 @@
30 
               <view class="text_big">{{
 30 
               <view class="text_big">{{
31 
                 item.sickRoom ? item.sickRoom.dept : "无"
 31 
                 item.sickRoom ? item.sickRoom.dept : "无"
32 
               }}</view>
 32 
               }}</view>
33 
-              <text style="width: 4em;text-align: center;"> —> </text>
33 
+              <text style="width: 4em;text-align: center;" class="icon_transport transport-arrow-right-full"></text>
34 
               <view class="text_big">{{
 34 
               <view class="text_big">{{
35 
                 item.checkDept ? item.checkDept.dept : "无"
 35 
                 item.checkDept ? item.checkDept.dept : "无"
36 
               }}</view>
 36 
               }}</view>

+ 52 - 5
static/font/demo_index.html
View File 

@@ -3,8 +3,8 @@
3 
 <head>
 3 
 <head>
4 
   <meta charset="utf-8"/>
 4 
   <meta charset="utf-8"/>
5 
   <title>iconfont Demo</title>
 5 
   <title>iconfont Demo</title>
6 
-  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
7 
-  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
6 
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
7 
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
8 
   <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
 8 
   <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
9 
   <link rel="stylesheet" href="demo.css">
 9 
   <link rel="stylesheet" href="demo.css">
10 
   <link rel="stylesheet" href="iconfont.css">
 10 
   <link rel="stylesheet" href="iconfont.css">
 
@@ -55,6 +55,18 @@
55 
           <ul class="icon_lists dib-box">
 55 
           <ul class="icon_lists dib-box">
56
56
57 
             <li class="dib">
 57 
             <li class="dib">
58 
+              <span class="icon icon_transport">&#xea66;</span>
59 
+                <div class="name">单箭头,长箭头,右</div>
60 
+                <div class="code-name">&amp;#xea66;</div>
61 
+              </li>
62 
+
63 
+            <li class="dib">
64 
+              <span class="icon icon_transport">&#xe6b6;</span>
65 
+                <div class="name">急</div>
66 
+                <div class="code-name">&amp;#xe6b6;</div>
67 
+              </li>
68 
+
69 
+            <li class="dib">
58 
               <span class="icon icon_transport">&#xe624;</span>
 70 
               <span class="icon icon_transport">&#xe624;</span>
59 
                 <div class="name">B端数字2</div>
 71 
                 <div class="name">B端数字2</div>
60 
                 <div class="code-name">&amp;#xe624;</div>
 72 
                 <div class="code-name">&amp;#xe624;</div>
 
@@ -654,9 +666,10 @@
654 
 <pre><code class="language-css"
 666 
 <pre><code class="language-css"
655 
 >@font-face {
 667 
 >@font-face {
656 
   font-family: 'icon_transport';
 668 
   font-family: 'icon_transport';
657 
-  src: url('iconfont.woff2?t=1619776255105') format('woff2'),
658 
-       url('iconfont.woff?t=1619776255105') format('woff'),
659 
-       url('iconfont.ttf?t=1619776255105') format('truetype');
669 
+  src: url('iconfont.woff2?t=1661333576251') format('woff2'),
670 
+       url('iconfont.woff?t=1661333576251') format('woff'),
671 
+       url('iconfont.ttf?t=1661333576251') format('truetype'),
672 
+       url('iconfont.svg?t=1661333576251#icon_transport') format('svg');
660 
 }
 673 
 }
661 
 </code></pre>
 674 
 </code></pre>
662 
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
 675 
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
 
@@ -683,6 +696,24 @@
683 
         <ul class="icon_lists dib-box">
 696 
         <ul class="icon_lists dib-box">
684
697
685 
           <li class="dib">
 698 
           <li class="dib">
699 
+            <span class="icon icon_transport transport-arrow-right-full"></span>
700 
+            <div class="name">
701 
+              单箭头,长箭头,右
702 
+            </div>
703 
+            <div class="code-name">.transport-arrow-right-full
704 
+            </div>
705 
+          </li>
706 
+
707 
+          <li class="dib">
708 
+            <span class="icon icon_transport transport-zu1468"></span>
709 
+            <div class="name">
710 
+              急
711 
+            </div>
712 
+            <div class="code-name">.transport-zu1468
713 
+            </div>
714 
+          </li>
715 
+
716 
+          <li class="dib">
686 
             <span class="icon icon_transport transport-Bduanshuzi"></span>
 717 
             <span class="icon icon_transport transport-Bduanshuzi"></span>
687 
             <div class="name">
 718 
             <div class="name">
688 
               B端数字2
 719 
               B端数字2
 
@@ -1584,6 +1615,22 @@
1584
1615
1585 
             <li class="dib">
 1616 
             <li class="dib">
1586 
                 <svg class="icon svg-icon" aria-hidden="true">
 1617 
                 <svg class="icon svg-icon" aria-hidden="true">
1618 
+                  <use xlink:href="#transport-arrow-right-full"></use>
1619 
+                </svg>
1620 
+                <div class="name">单箭头,长箭头,右</div>
1621 
+                <div class="code-name">#transport-arrow-right-full</div>
1622 
+            </li>
1623 
+
1624 
+            <li class="dib">
1625 
+                <svg class="icon svg-icon" aria-hidden="true">
1626 
+                  <use xlink:href="#transport-zu1468"></use>
1627 
+                </svg>
1628 
+                <div class="name">急</div>
1629 
+                <div class="code-name">#transport-zu1468</div>
1630 
+            </li>
1631 
+
1632 
+            <li class="dib">
1633 
+                <svg class="icon svg-icon" aria-hidden="true">
1587 
                   <use xlink:href="#transport-Bduanshuzi"></use>
 1634 
                   <use xlink:href="#transport-Bduanshuzi"></use>
1588 
                 </svg>
 1635 
                 </svg>
1589 
                 <div class="name">B端数字2</div>
 1636 
                 <div class="name">B端数字2</div>

+ 12 - 3
static/font/iconfont.css
View File 

@@ -1,8 +1,9 @@
1 
 @font-face {
 1 
 @font-face {
2 
   font-family: "icon_transport"; /* Project id 2522689 */
 2 
   font-family: "icon_transport"; /* Project id 2522689 */
3 
-  src: url('~@/static/font/iconfont.woff2?t=1619776255105') format('woff2'),
4 
-       url('~@/static/font/iconfont.woff?t=1619776255105') format('woff'),
5 
-       url('~@/static/font/iconfont.ttf?t=1619776255105') format('truetype');
3 
+  src: url('~@/static/font/iconfont.woff2?t=1661333576251') format('woff2'),
4 
+       url('~@/static/font/iconfont.woff?t=1661333576251') format('woff'),
5 
+       url('~@/static/font/iconfont.ttf?t=1661333576251') format('truetype'),
6 
+       url('~@/static/font/iconfont.svg?t=1661333576251#icon_transport') format('svg');
6 
 }
 7 
 }
7
8
8 
 .icon_transport {
 9 
 .icon_transport {
 
@@ -13,6 +14,14 @@
13 
   -moz-osx-font-smoothing: grayscale;
 14 
   -moz-osx-font-smoothing: grayscale;
14 
 }
 15 
 }
15
16
17 
+.transport-arrow-right-full:before {
18 
+  content: "\ea66";
19 
+}
20 
+
21 
+.transport-zu1468:before {
22 
+  content: "\e6b6";
23 
+}
24 
+
16 
 .transport-Bduanshuzi:before {
 25 
 .transport-Bduanshuzi:before {
17 
   content: "\e624";
 26 
   content: "\e624";
18 
 }
 27 
 }

File diff suppressed because it is too large
+ 1 - 1
static/font/iconfont.js


+ 14 - 0
static/font/iconfont.json
View File 

@@ -6,6 +6,20 @@
6 
   "description": "",
 6 
   "description": "",
7 
   "glyphs": [
 7 
   "glyphs": [
8 
     {
 8 
     {
9 
+      "icon_id": "18175500",
10 
+      "name": "单箭头,长箭头,右",
11 
+      "font_class": "arrow-right-full",
12 
+      "unicode": "ea66",
13 
+      "unicode_decimal": 60006
14 
+    },
15 
+    {
16 
+      "icon_id": "19675369",
17 
+      "name": "急",
18 
+      "font_class": "zu1468",
19 
+      "unicode": "e6b6",
20 
+      "unicode_decimal": 59062
21 
+    },
22 
+    {
9 
       "icon_id": "5532962",
 23 
       "icon_id": "5532962",
10 
       "name": "B端数字2",
 24 
       "name": "B端数字2",
11 
       "font_class": "Bduanshuzi",
 25 
       "font_class": "Bduanshuzi",

File diff suppressed because it is too large
+ 217 - 0
static/font/iconfont.svg


BIN
static/font/iconfont.ttf
View File


BIN
static/font/iconfont.woff
View File


BIN
static/font/iconfont.woff2
View File