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

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

@@ -50,7 +50,7 @@
50 50 
               <view class="text_big">{{
51 51 
                 item.sickRoom ? item.sickRoom.dept : "无"
52 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 54 
               <view class="text_big">{{
55 55 
                 item.checkDept ? item.checkDept.dept : "无"
56 56 
               }}</view>

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

@@ -30,7 +30,7 @@
30 30 
               <view class="text_big">{{
31 31 
                 item.sickRoom ? item.sickRoom.dept : "无"
32 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 34 
               <view class="text_big">{{
35 35 
                 item.checkDept ? item.checkDept.dept : "无"
36 36 
               }}</view>

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

@@ -3,8 +3,8 @@
3 3 
 <head>
4 4 
   <meta charset="utf-8"/>
5 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 8 
   <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
9 9 
   <link rel="stylesheet" href="demo.css">
10 10 
   <link rel="stylesheet" href="iconfont.css">
 
@@ -55,6 +55,18 @@
55 55 
           <ul class="icon_lists dib-box">
56 56
57 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 70 
               <span class="icon icon_transport">&#xe624;</span>
59 71 
                 <div class="name">B端数字2</div>
60 72 
                 <div class="code-name">&amp;#xe624;</div>
 
@@ -654,9 +666,10 @@
654 666 
 <pre><code class="language-css"
655 667 
 >@font-face {
656 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 674 
 </code></pre>
662 675 
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
 
@@ -683,6 +696,24 @@
683 696 
         <ul class="icon_lists dib-box">
684 697
685 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 717 
             <span class="icon icon_transport transport-Bduanshuzi"></span>
687 718 
             <div class="name">
688 719 
               B端数字2
 
@@ -1584,6 +1615,22 @@
1584 1615
1585 1616 
             <li class="dib">
1586 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 1634 
                   <use xlink:href="#transport-Bduanshuzi"></use>
1588 1635 
                 </svg>
1589 1636 
                 <div class="name">B端数字2</div>

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

@@ -1,8 +1,9 @@
1 1 
 @font-face {
2 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 9 
 .icon_transport {
 
@@ -13,6 +14,14 @@
13 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 25 
 .transport-Bduanshuzi:before {
17 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 6 
   "description": "",
7 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 23 
       "icon_id": "5532962",
10 24 
       "name": "B端数字2",
11 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