no message
This commit is contained in:
@@ -1,15 +1,18 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<TopSafe bgColor="rgba(0,0,0,0)"></TopSafe>
|
||||
<TopSafe bgColor="#fff"></TopSafe>
|
||||
<view class="search-view">
|
||||
<view class="head-view">
|
||||
<u-icon size="30rpx" name="arrow-left" @click="onBack" color="#333"></u-icon>
|
||||
<input class="input-view wx-width" v-model="searchInput"></input>
|
||||
<!-- <u-input class="input-view wx-width"
|
||||
v-model="searchInput"></u-input> -->
|
||||
<view class="search-btn flex-c" @click="onSearch">
|
||||
<text class="text-32 text-zu">搜索</text>
|
||||
<view class="search-box">
|
||||
<input class="input-view wx-width" v-model="searchInput"></input>
|
||||
<!-- <u-input class="input-view wx-width"
|
||||
v-model="searchInput"></u-input> -->
|
||||
<view class="search-btn flex-c" @click="onSearch">
|
||||
<text class="text-32 text-white">搜索</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="top-view mt-24">
|
||||
<view class="flex-r-lr">
|
||||
@@ -147,7 +150,7 @@ export default {
|
||||
box-sizing: border-box;
|
||||
.top-view{
|
||||
width:100%;
|
||||
min-height:300rpx;
|
||||
min-height:150rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 32rpx;
|
||||
@@ -164,10 +167,10 @@ export default {
|
||||
flex-wrap: wrap;
|
||||
.history-box{
|
||||
position: relative;
|
||||
padding: 8rpx 12rpx;
|
||||
padding: 8rpx 22rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
border-radius: 8rpx;
|
||||
border:2rpx solid #7932FE;
|
||||
.close-pos{
|
||||
right:-20rpx;
|
||||
position: absolute;
|
||||
@@ -206,14 +209,31 @@ export default {
|
||||
}
|
||||
.head-view{
|
||||
width:100%;
|
||||
height:88rpx;
|
||||
height:118rpx;
|
||||
min-height:118rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 0 32rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
.search-box{
|
||||
width:100%;
|
||||
height:84rpx;
|
||||
min-height:16rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-radius: 16rpx;
|
||||
border:2rpx solid #7932FE;
|
||||
margin-left:24rpx;
|
||||
}
|
||||
.search-btn{
|
||||
width:120rpx;
|
||||
width:156rpx;
|
||||
height:100%;
|
||||
border-radius: 16rpx;
|
||||
background: linear-gradient( 270deg, #B164FB 0%, #7934F6 100%);
|
||||
}
|
||||
.input-view{
|
||||
height:72rpx;
|
||||
@@ -222,7 +242,6 @@ export default {
|
||||
border-radius: 36rpx;
|
||||
margin-left:12rpx;
|
||||
flex:1;
|
||||
border:1rpx solid #7934F6;
|
||||
}
|
||||
/* #ifdef MP-WEIXIN */
|
||||
.wx-width{
|
||||
|
||||
Reference in New Issue
Block a user