60 lines
918 B
Vue
60 lines
918 B
Vue
<template>
|
|
<view class="supplier_main">
|
|
<view class="item" v-for="(item,index) in supplierList" :key="index">
|
|
<view class="name">{{ item.name }}</view>
|
|
<view class="look">查看详情</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
supplierList: [{
|
|
name: "xxx供应商"
|
|
}, {
|
|
name: "xxx供应商"
|
|
}, {
|
|
name: "xxx供应商"
|
|
}, ]
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.supplier_main {
|
|
padding: 15rpx;
|
|
|
|
.item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 20rpx 30rpx;
|
|
background-color: #fff;
|
|
border-bottom: 1rpx solid #ddd;
|
|
|
|
&:active{
|
|
background-color: rgba(0,0,0,.01);
|
|
}
|
|
|
|
&:last-child{
|
|
border: none;
|
|
}
|
|
|
|
.name {
|
|
color: #333;
|
|
}
|
|
|
|
.look {
|
|
color: $uni-color-primary;
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #f4f5fc;
|
|
}
|
|
</style> |