#

whycq

2023-10-07 42dd537a52e9886fdcb1f3ee4ee14f19ee46933c

#

 components/z-data-list/z-data-list.vue

@@ -6,14 +6,20 @@
                    <view class="left-key">{{it.key}}</view>
                    <view>:</view>
                    <view class="left-val">
                        <text class="val-text" style="">{{it.value}}</text>
                        <text :class="it.valText">{{it.value}}</text>
                    </view>
                </view>
            </view>
            <uni-badge class="main-right uni-badge-left-margin" :text="index" absolute="rightTop" size="small" type="primary">
                <view @click="goDetail">
            <uni-badge 
                class="main-right uni-badge-left-margin" 
                :text="index" 
                absolute="rightTop" 
                size="small" 
                type="primary"  
                >
                <view style="height: 100%;display: flex;align-items: center;" @click="goDetail">
                    <view class="list-options">
                        <uni-icons class="opt-icon" type="right" size="20" color="#707070"></uni-icons>
                        <uni-icons class="opt-icon" type="right" size="20" color="#b9b9b9"></uni-icons>
                    </view>
                </view>
            </uni-badge>
@@ -35,7 +41,8 @@
                    {key: '数量',value: '200'}
                ],
                detailList: [],
                dataKey: {}
                dataKey: {},
                valText: 'val-text'
            };
        },
        methods: {
@@ -73,7 +80,7 @@
    .main {
        position: relative;
        min-height: 70rpx;
        background-color: #ebe7e6;
        background-color: #f5f5f5;
        display: flex;
        align-items: stretch;
        margin: 8px 8px 8px 8px;
@@ -85,7 +92,7 @@
        flex-direction: column;
        padding-top: 8rpx;
        padding-bottom: 8rpx;
        color: #444;
        color: #606164;
        font-size: 14px;
    }
    .main-right {
@@ -94,6 +101,10 @@
        align-items: center;
        justify-content: center;
        border-left: 1px solid #ffffff;
    }
    .main-right:active {
        background-color: #e3e5e7;
        color: #FFF;
    }
    .main-list {
        display: flex;
@@ -121,12 +132,17 @@
    .left-val {
        flex: 1;
        padding-left: 8rpx;
        color: #666;
        color: #606266;
    }
    .val-text {
        background-color: blue;
        background-color: #00aeec;
        padding: 2px 4px;
        border-radius: 8rpx;
        color: white;
        color: #FFF;
    }
    .val-num {
        font-weight: 900;
        color: #d19a66;
        font-size: 16px;
    }
</style>

 components/z-input/z-input.vue

@@ -133,7 +133,7 @@
        justify-content: center;
    }
    .m-btn {
        background-color: #3c9cff;
        background-color: #00aeec;
        color: #FFF;
    }
    .m-btn:active {

 pages/component/demo.vue

@@ -49,11 +49,12 @@
                zDataList: [
                    {
                        detl: [
                            {key: '商品码',value: 'ccc'},
                            {key: '商品名称',value: 'ccc'},
                            {key: '规格',value: 'ccc'},
                            {key: '批号',value: '16',type: 'input'},
                            {key: '数量',value: 0,type: 'number-box'},
                            {key: '商品码',value: 'LSH90152025',valText: 'val-text'},
                            {key: '商品名称',value: '尼龙头（灰白）5.2x25'},
                            {key: '规格',value: '700*699*80'},
                            {key: '批号',value: '20231007204944',type: 'input'},
                            {key: '数量',value: 951326478,type: 'number-box',valText: 'val-num'},
							
                        ]
                    }
                ],