flying-monkey/pages/dataQuery/client.vue

123 lines
2.9 KiB
Vue
Raw Normal View History

2022-03-22 03:38:06 +00:00
<template>
<view class="content">
<statusNav navBarTitle="客户(查询结果列表)"></statusNav>
<view class="client-content">
<view class="li">
<view class="li-content">
<view class="">
<view class="title">
湖南争鸣光电科技有限公司
</view>
<view class="code">
编号KH20220304-002
</view>
<view class="label-content">
<view class="label">
弱电安防
</view>
<view class="label">
弱电安防
</view>
<view class="label">
弱电安防
</view>
</view>
</view>
<view class="icon">
13
</view>
</view>
<view class="address">
<image class="img" src="../../static/iocn/dizi.png" mode=""></image>
<view class="text">
湖南省长沙市高新开发区谷园路109号像素大厦1205
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import statusNav from '../../components/status-nav.vue';
export default {
components: {
statusNav
},
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.content{
padding-top: 80rpx;
}
.client-content .li{
background-color: #FFFFFF;
margin-top: 20rpx;
padding: 30rpx 34rpx 30rpx 53rpx;
}
.client-content .li .title{
font-size: 28rpx;
color: #333333;
margin-bottom: 25rpx;
}
.client-content .li .code{
font-size: 24rpx;
margin-bottom: 25rpx;
color: #666666;
}
.client-content .li .label-content{
display: flex;
padding-bottom: 22rpx;
}
.client-content .li .label-content .label{
padding: 10rpx 21rpx;
background-color: #EDEDED;margin-right: 12rpx;
color: #999999;
font-size: 24rpx;
border-radius: 5rpx;
}
.client-content .li .li-content{
display: flex;
align-items: center;
border-bottom: 2rpx solid #EDEDED;
justify-content: space-between;
}
.client-content .li .li-content .icon{
width: 71rpx;
height: 66rpx;
background-color: #00A2E9;
box-shadow: -5rpx 5rpx 10rpx rgba(0,0,0,0.2);
font-size: 36rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
.client-content .li .address{
display: flex;
align-items: center;
padding-top: 20rpx;
color: #666666;
font-size: 24rpx
}
.client-content .li .address .img{
width: 17rpx;
height: 24rpx;
margin-right: 10rpx;
}
</style>