下单记录页：样式

htmldev/cps/src/views/order/child/main.vue

@@ -280,6 +280,8 @@ export default {
     font-weight: 500;
     color: #333333;
     line-height: 22px;
+    word-break: break-all;
+    word-wrap: break-word;
   }
 
   .money {
@@ -297,12 +299,17 @@ export default {
     margin-top: 8px;
 
     span {
-      width: 50%;
       font-size: 12px;
       color: #999999;
       line-height: 17px;
+      white-space: nowrap;
+
+      &:nth-of-type(1) {
+        width: 35%;
+      }
 
       &:nth-of-type(2) {
+        width: 65%;
         text-align: right;
       }
     }

htmldev/cps/src/views/order/index.vue

@@ -41,7 +41,11 @@
           <span class="label">订单号：</span>
           <span class="value">
             <i>{{ orderDetail.order_number }}</i>
-            <a href="javascript:;">复制</a>
+            <a
+              href="javascript:;"
+              data-clipboard-toast="复制成功"
+              :data-clipboard-text="orderDetail.order_number"
+              v-copy>复制</a>
           </span>
         </p>
         <p>
@@ -76,9 +80,11 @@
 <script>
 import { DropdownMenu, DropdownItem, Popup } from 'vant'
 import Main from './child/main'
+import fbtClipboard from '@/mixin/fbtClipboard'
 
 export default {
   name: 'index',
+  mixins: [fbtClipboard],
   components: {
     'van-dropdown-menu': DropdownMenu,
     'van-dropdown-item': DropdownItem,
@@ -193,6 +199,7 @@ h2 {
       span {
         font-size: 14px;
         line-height: 20px;
+        white-space: nowrap;
       }
 
       .label {