<template>
|
<view>
|
<u-sticky bgColor="white">
|
<view class="set-search">
|
<u-search placeholder="请输入要查询的企业" shape="square" :showAction="false"></u-search>
|
</view>
|
<view class="border"></view>
|
</u-sticky>
|
<view class="item">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
北京尚策互动科技有限公司
|
</view>
|
<view class="box">
|
<view class="l">
|
<p>执法单位：农业农村局</p>
|
<p>执法时间：2024-06-03 12:30:67</p>
|
</view>
|
<view class="r">
|
去查看
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background-color: #F4F4F4;
|
}
|
|
</style>
|
<style lang="scss" scoped>
|
.set-search{
|
margin: 0 32rpx 0;
|
padding-top: 26rpx;
|
|
}
|
.border{
|
border-bottom: 2rpx solid #F6F6F6;
|
margin: 20rpx 0 0;
|
}
|
.item{
|
background: #fff;
|
border-radius: 5px;
|
padding: 24rpx;
|
box-sizing: border-box;
|
margin: 20rpx 32rpx;
|
display: flex;
|
.img{
|
width: 56rpx;
|
height: 56rpx;
|
}
|
.right{
|
width: 90%;
|
.name{
|
color: #202d44;
|
font-size: 32rpx;
|
line-height: 44rpx;
|
margin-bottom: 24rpx;
|
}
|
.box{
|
display: flex;
|
justify-content: space-between;
|
.l{
|
font-size: 26rpx;
|
color: #7e8593;
|
}
|
.r{
|
width: 132rpx;
|
height: 64rpx;
|
line-height: 64rpx;
|
border-radius: 5px;
|
border: 1px solid #ABD2FF;
|
background: #F0F8FF;
|
color: #1171e0;
|
text-align: center;
|
font-size: 30rpx;
|
}
|
}
|
}
|
}
|
</style>
|
