#

whycq

2023-02-13 db7b5dca7aa8fa63c4624b30f91fde9b895b9b17

#

 pages/pakin/pakin.vue

@@ -13,38 +13,49 @@
            </view>
        </view>
    </view>
	

    <view class="list" v-for="(item,i) in dataList" :key="i">
        <view class="list-left">
            <view>序号：</view><view>{{i}}</view>
            <view>编码：</view><view>{{item.matnr}}</view>
            <view>品名：</view><view>{{item.maktx}}</view>
            <view>规格：</view><view>{{item.specs}}</view>
            <view>批号：</view><view>{{item.batch}}</view>
            <view>数量：</view><view>{{item.cstmr}}</view>
            <view class="desc">序号：</view>
            <view>{{i}}</view>
            <view class="desc">编码：</view>
            <view>{{item.matnr}}</view>
            <view class="desc">品名：</view>
            <view>{{item.maktx}}</view>
            <view class="desc">规格：</view>
            <view>{{item.specs}}</view>
            <view class="desc">批号：</view>
            <view>{{item.batch}}</view>
            <view class="desc">数量：</view>
            <view>{{item.cstmr}}</view>
        </view>
        <view class="list-right">
			

        </view>
    </view>
	

</template>

<script>
    export default {
        data() {
            return {
                dataList: [{}]
                dataList: [{
                    matnr: "whycq19950520",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    cstmr: "客户信息"
                }, ]
            }
        },
        onLoad() {
	

        },
        methods: {
        }
        methods: {}
    }
</script>

<style lang="less">
    @import "../../static/css/app.less";
</style>
</style>

 static/css/app.less

@@ -24,7 +24,18 @@
    margin-top: 5rpx;
    width: 100%;
    min-height: 80rpx;
    background-color: #bbb;
    // background-color: #bbb;
    display: grid;
    grid-template-columns: 120rpx 1fr;
    grid-template-columns: 550rpx 1fr;
    &-left {
        // background-color: #007aff;
        display: grid;
        grid-template-columns: 1fr 3fr;
        .desc {
            text-align: right;
        }
    }
    &-right {
		
    }
}