You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.1 KiB
106 lines
2.1 KiB
<template>
|
|
<view class="container-main">
|
|
<view class="search-input">
|
|
<view class="input-icon">
|
|
<image :src="baseImgUrl + 'liao-ning/icon_search.png'" mode=""></image>
|
|
</view>
|
|
<view class="input-middle">
|
|
<u-input
|
|
v-model="value"
|
|
type="text"
|
|
placeholder-style="color:#C4CCD8;font-size:30rpx"
|
|
:border="false"
|
|
placeholder="请输入关键字搜索"
|
|
/>
|
|
</view>
|
|
<view class="input-btn">搜索</view>
|
|
</view>
|
|
<view class="result-list">
|
|
<view class="list-item" v-for="item in 2" :key="item">
|
|
<view class="enterprise-type">投保公司</view>
|
|
<view class="enterprise-name">调兵山市食厨烤骨头饭店</view>
|
|
</view>
|
|
</view>
|
|
<fixedButton title="开始理赔" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import fixedButton from "@/components/fixedButton/fixedButton.vue";
|
|
export default {
|
|
components: {
|
|
fixedButton,
|
|
},
|
|
data() {
|
|
return {
|
|
baseImgUrl: getApp().globalData.config.iamgeBaseUrl,
|
|
value: "",
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container-main {
|
|
box-sizing: border-box;
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.search-input {
|
|
display: flex;
|
|
align-items: center;
|
|
background: #fff;
|
|
box-shadow: 0px 0px 10rpx 0px rgba(57, 118, 241, 0.0588);
|
|
border-radius: 16rpx;
|
|
box-sizing: border-box;
|
|
padding: 10rpx 25rpx;
|
|
|
|
.input-icon {
|
|
height: 30rpx;
|
|
width: 30rpx;
|
|
margin-right: 20rpx;
|
|
|
|
image {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.input-middle {
|
|
flex: 1;
|
|
}
|
|
|
|
.input-btn {
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
color: #3976f1;
|
|
}
|
|
}
|
|
|
|
.result-list {
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.list-item {
|
|
border-radius: 16rpx;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
padding: 40rpx 30rpx;
|
|
margin-bottom: 20rpx;
|
|
|
|
.enterprise-type {
|
|
font-size: 30rpx;
|
|
font-family: PingFang SC-中黑体, PingFang SC;
|
|
font-weight: 520;
|
|
color: #34373b;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.enterprise-name {
|
|
font-size: 30rpx;
|
|
font-weight: 400;
|
|
color: #616367;
|
|
}
|
|
}
|
|
</style>
|