<template>
<view class="aaa pp15">
<view class="aaa">
<view class="heng1">
<view class="left1">
<view class="mybox11" @click="show = true">
谈家火锅温… <u-icon class="xyicon" name="arrow-down"></u-icon
></view>
<view class="r2">
<up-input
class="myinput"
placeholder="请输入内容"
border="none"
v-model="value"
></up-input>
</view>
</view>
<view class="right xycenter"> 搜索 </view>
</view>
</view>
<br />
<view class="text-wrapper_2 flex-row">
<text class="text_7"> 共计<text class="text_6">235</text>条 </text>
</view>
<biaoge></biaoge>
<u-picker @confirm="confirm" :show="show" :columns="columns"></u-picker>
</view>
</template>
<script>
import biaoge from "./components/biaoge";
export default {
components: { biaoge },
data() {
return {
show: false,
value: "",
header:
"https://img2.baidu.com/it/u=3853345384760633&fm=253&app=120&size=w931&f=JPEG&fmt=auto?sec=1690822t=af51f3b594d79e98a711d0525a82af18",
columns: [["中国", "美国", "日本"]],
imgs: [
{
num: "/static/2.png",
name: "客户成交数",
},
{
num: "/static/3.png",
name: "客户成交数",
},
{
num: "/static/4.png",
name: "客户成交数",
},
],
};
},
onShow() {},
methods: {
confirm(e) {
console.log(e.value[0]);
this.show = false;
},
},
};
</script>
<style>
page {
background: linear-gradient(
180deg,
#8ebfff 0%,
rgba(255, 255, 255, 0) 100%,
rgba(255, 255, 255, 0) 100%
);
}
</style>
<style lang="scss" scoped>
.aaa {
}
.heng1 {
width: 100%;
border-radius: 36px;
padding: 10px 10px;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
.left1 {
display: flex;
justify-content: center;
align-items: center;
}
.mybox11 {
display: flex;
margin-left: 5px;
width: 100px;
height: 20px;
margin-right: 10px;
border-radius: 4px;
}
.right {
width: 28px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 20px;
width: 54px;
height: 26px;
background: linear-gradient(225deg, #0660e4 0%, #206aff 100%);
border-radius: 13px;
}
.g1 {
color: rgba(151, 151, 151, 1);
font-size: 12px;
}
}
.text-wrapper_2 {
position: relative;
.text_6 {
overflow-wrap: break-word;
color: rgba(32, 106, 255, 1);
font-size: 12px;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 17px;
}
}
</style>
picker+搜索
最新推荐文章于 2024-07-11 21:01:51 发布