image.png

    1. <template>
    2.   <view>
    3.     <uni-nav-bar :title="`订单详情-${form.actionTitle}`" leftText='返回' leftIcon="back" @clickLeft="goBack" fixed />
    4.     <uni-card class="action-form">
    5.       <uni-row>
    6.         <uni-col class="col" :span="12"><text class="col-left">日期：</text><text
    7.                                                                                class="col-right">{{form.date}}</text>
    8.         </uni-col>
    9.         <uni-col class="col" :span="24"><text class="col-left">店铺：</text><text
    10.                                                                                class="col-right">长江路店</text></uni-col>
    11.         <uni-col class="col" :span="24"><text class="col-left">商品名称：</text><text
    12.                                                                                  class="col-right">xxx商品</text>
    13.         </uni-col>
    14.         <uni-col class="col" :span="12"><text class="col-left">状态：</text>                    
    15.           <uni-tag  text="完成" type="success" />
    17.         </uni-col>
    18.         <uni-col class="col" :span="12"><text class="col-left">已付：</text>
    19.           <uni-tag v-if="form.ispay===1" text="是" type="success" />
    20.           <uni-tag v-if="form.ispay===0" text="否" />
    21.         </uni-col>
    22.         <uni-col class="col" :span="24"><text class="col-left">会员名：</text><text
    23.                                                                                 class="col-right">开心yyds</text>
    24.         </uni-col>
    25.         <uni-col class="col" :span="24"><text class="col-left">姓名：</text><text
    26.                                                                                class="col-right">张三</text>
    27.         </uni-col>
    28.         <uni-col class="col" :span="12"><text class="col-left">付款金额：</text><text
    29.                                                                                  class="col-right">{{form.goodPrice}} 元</text>
    30.         </uni-col>                
    31.         <uni-col class="col" :span="24"><text class="col-left">备注：</text><text
    32.                                                                                class="col-right">这里是备注信息</text>
    33.         </uni-col>
    34.       </uni-row>
    35.     </uni-card>
    36.   </view>
    37. </template>
    39. <script>
    40.   import {
    41.     commonForm
    42.   } from '@/mixin'
    43.   export default {
    44.     mixins: [commonForm],
    45.     data() {
    46.       return {
    48.       };
    49.     }
    50.   }
    51. </script>
    53. <style lang="scss">
    54.   .action-form {
    55.     .col {
    56.       padding: 2px 0;
    57.     }
    59.     .col-left {
    60.       font-weight: bold;
    63.     }
    64.   }
    65. </style>