一体机放大效果开发
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<AppLayout title="我的浏览" :show-bg-image="false" :use-scroll-view="false">
|
||||
<AppLayout :show-bg-image="false" :use-scroll-view="false">
|
||||
<view class="collection-content">
|
||||
<view class="collection-search">
|
||||
<view class="search-content">
|
||||
@@ -148,15 +148,15 @@ function getPreviousDay(dateStr) {
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.btnback{
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
}
|
||||
.btn {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 52rpx;
|
||||
height: 52rpx;
|
||||
width: 78rpx;
|
||||
height: 78rpx;
|
||||
}
|
||||
image {
|
||||
height: 100%;
|
||||
@@ -167,41 +167,41 @@ image {
|
||||
display: flex
|
||||
flex-direction: column
|
||||
.collection-search
|
||||
padding: 10rpx 20rpx;
|
||||
padding: 15rpx 30rpx;
|
||||
|
||||
.search-content
|
||||
position: relative
|
||||
display: flex
|
||||
align-items: center
|
||||
padding: 14rpx 0
|
||||
padding: 21rpx 0
|
||||
.header-input{
|
||||
padding: 0
|
||||
width: calc(100% - 48rpx);
|
||||
width: calc(100% - 72rpx);
|
||||
position: relative
|
||||
.iconsearch{
|
||||
position: absolute
|
||||
left: 30rpx;
|
||||
left: 45rpx;
|
||||
top: 50%
|
||||
transform: translate(0, -50%)
|
||||
}
|
||||
.input{
|
||||
padding: 0 30rpx 0 80rpx
|
||||
height: 80rpx;
|
||||
padding: 0 45rpx 0 120rpx
|
||||
height: 120rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 75rpx 75rpx 75rpx 75rpx;
|
||||
border: 2rpx solid #ECECEC
|
||||
font-size: 28rpx;
|
||||
border-radius: 113rpx 113rpx 113rpx 113rpx;
|
||||
border: 3rpx solid #ECECEC
|
||||
font-size: 42rpx;
|
||||
}
|
||||
.inputplace{
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #B5B5B5;
|
||||
}
|
||||
}
|
||||
.data-all{
|
||||
width: 66rpx;
|
||||
height: 66rpx;
|
||||
margin-left: 18rpx
|
||||
width: 99rpx;
|
||||
height: 99rpx;
|
||||
margin-left: 27rpx
|
||||
.allimg{
|
||||
width: 100%;
|
||||
height: 100%
|
||||
@@ -212,7 +212,7 @@ image {
|
||||
overflow: hidden
|
||||
}
|
||||
.one-cards{
|
||||
padding: 0 20rpx 20rpx 20rpx;
|
||||
padding: 0 30rpx 30rpx 30rpx;
|
||||
background: #f4f4f4
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user