<template>
|
<!-- 库存查询 -->
|
<view>
|
<search-bar placeholder="商品名称、编号、拼音" class="ml-10 mr-10"></search-bar>
|
<view class="content">
|
<navigator url="./storeRecord" hover-class="none" class="content-row flex align-center justify-between" v-for="item in 5">
|
<view class="flex align-center">
|
<image class="product-img" src="../../static/images/product.jpg"></image>
|
<view class="font-14 ml-10">
|
<text>肽妍氨基酸平衡基础洁面乳</text>
|
<view class="mt-10">
|
<text>在库数量: 5</text>
|
<text class="content-warning ml-20">低于警戒值</text>
|
</view>
|
</view>
|
</view>
|
<text class="iconfont iconarrow-backimg gray"></text>
|
</navigator>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import searchBar from '../../components/searchBar/index.vue';
|
export default {
|
components:{
|
searchBar
|
},
|
}
|
</script>
|
|
<style>
|
.content{
|
padding: 0 10px;
|
}
|
.content-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding: 10px 0;
|
}
|
.product-img{
|
width: 48px;
|
height: 48px;
|
border-radius: 4px;
|
}
|
.content-warning{
|
border: 1px solid #DE5A5A;
|
border-radius: 20px;
|
font-size: 8px;
|
padding: 5px;
|
}
|
</style>
|
