罗世杰:临时提交

This commit is contained in:
LuoShijie
2023-11-10 21:19:38 +08:00
parent 5c391aae6e
commit f97c558fa0
12 changed files with 242 additions and 68 deletions

View File

@@ -25,7 +25,7 @@
</view> </view>
</view> </view>
<view class="pos-and-sqr"> <view class="sqr-and-lx">
<view> <view>
<view> <view>
<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image> <u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
@@ -214,7 +214,7 @@
} }
} }
} }
.pos-and-sqr { .sqr-and-lx {
justify-content: space-between; justify-content: space-between;
margin-top: 5px; margin-top: 5px;
padding-bottom: 6px; padding-bottom: 6px;

View File

@@ -1,6 +1,16 @@
<template> <template>
<view> <view class="marginLR10">
<view class="head-img">
<u-image
:src="headimg"
width=100%
height=200rpx
radius="10px"
></u-image>
</view>
<view>
<SearchShopList :show-style="2"></SearchShopList>
</view>
</view> </view>
</template> </template>
@@ -8,7 +18,7 @@
export default { export default {
data() { data() {
return { return {
headimg: "https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg",
} }
}, },
methods: { methods: {
@@ -17,6 +27,18 @@
} }
</script> </script>
<style> <style lang="scss">
page {
background-color: #f8f8f8;
}
.marginLR10 {
margin: 0 10px;
}
.head-img {
margin-top: 10rpx;
width: 100%;
height: 200rpx;
border-radius: 10px;
}
</style> </style>

View File

@@ -1,6 +1,22 @@
<template> <template>
<view> <view>
<view class="search-box-bg">
<view class="bug-fix"></view>
<view class="search-box">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view>
</view>
<view>
<DropDown></DropDown>
</view>
<view class="marginLR10">
<SearchShopList :showStyle="1"/>
</view>
</view> </view>
</template> </template>
@@ -17,6 +33,49 @@
} }
</script> </script>
<style> <style lang="scss">
page{
background-color: #F8F8F8;
}
.marginLR10{
margin: 0 10px;
}
.search-box-bg{
width: 100%;
position: relative;
z-index: 3;
background-color: #F8F8F8;
.bug-fix {
transform: translateY(-20rpx);
width: 100%;
height: 20rpx;
}
.search-box {
position: relative;
z-index: 2;
left: 50%;
width: 84.6%;
transform: translateX(-50%);
.search-box-input {
border-radius: 12rpx;
background-color: #fff;
opacity: 0.85;
.u-border {
border: none;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
}
}
}
}
}
</style> </style>

View File

@@ -1,6 +1,22 @@
<template> <template>
<view> <view>
<view class="search-box-bg">
<view class="bug-fix"></view>
<view class="search-box">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view>
</view>
<view>
<DropDown></DropDown>
</view>
<view class="marginLR10">
<SearchShopList :showStyle="1"/>
</view>
</view> </view>
</template> </template>
@@ -17,6 +33,49 @@
} }
</script> </script>
<style> <style lang="scss">
page{
background-color: #F8F8F8;
}
.marginLR10{
margin: 0 10px;
}
.search-box-bg{
width: 100%;
position: relative;
z-index: 3;
background-color: #F8F8F8;
.bug-fix {
transform: translateY(-20rpx);
width: 100%;
height: 20rpx;
}
.search-box {
position: relative;
z-index: 2;
left: 50%;
width: 84.6%;
transform: translateX(-50%);
.search-box-input {
border-radius: 12rpx;
background-color: #fff;
opacity: 0.85;
.u-border {
border: none;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
}
}
}
}
}
</style> </style>

View File

@@ -1,16 +1,20 @@
<template> <template>
<view> <view>
<view class="search-box"> <view class="search-box-bg">
<view class="search-box-input"> <view class="bug-fix"></view>
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search" <view class="search-box">
prefixIconStyle="font-size: 24px;color: #909399;" border="true"> <view class="search-box-input">
</u-input> <u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view> </view>
</view> </view>
<view> <view>
<DropDown></DropDown> <DropDown></DropDown>
</view> </view>
<view> <view class="marginLR10">
<SearchShopList :showStyle="1"/> <SearchShopList :showStyle="1"/>
</view> </view>
</view> </view>
@@ -33,32 +37,45 @@
page{ page{
background-color: #F8F8F8; background-color: #F8F8F8;
} }
.search-box { .marginLR10{
margin: 0 10px;
}
.search-box-bg{
width: 100%;
position: relative; position: relative;
z-index: 1; z-index: 3;
left: 50%; background-color: #F8F8F8;
width: 84.6%; .bug-fix {
transform: translateX(-50%); transform: translateY(-20rpx);
width: 100%;
.search-box-input { height: 20rpx;
border-radius: 12rpx; }
margin-top: 20rpx; .search-box {
background-color: #fff; position: relative;
opacity: 0.85; z-index: 2;
left: 50%;
.u-border { width: 84.6%;
border: none; transform: translateX(-50%);
.search-box-input {
.u-input__content { border-radius: 12rpx;
height: 62rpx; background-color: #fff;
border-radius: 12rpx; opacity: 0.85;
background-color: #fff;
.u-border {
.u-input__content__field-wrapper__field { border: none;
font-size: 26rpx !important;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
} }
} }
} }
} }
} }
</style> </style>

View File

@@ -1,17 +1,21 @@
<template> <template>
<view> <view>
<view class="search-box"> <view class="search-box-bg">
<view class="search-box-input"> <view class="bug-fix"></view>
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search" <view class="search-box">
prefixIconStyle="font-size: 24px;color: #909399;" border="true"> <view class="search-box-input">
</u-input> <u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view> </view>
</view> </view>
<view> <view>
<DropDown></DropDown> <DropDown></DropDown>
</view> </view>
<view> <view class="marginLR10">
<ShowShopList :showStyle="1"></ShowShopList> <ShowShopList :showStyle="1"/>
</view> </view>
</view> </view>
</template> </template>
@@ -33,32 +37,45 @@
page{ page{
background-color: #F8F8F8; background-color: #F8F8F8;
} }
.search-box { .marginLR10{
margin: 0 10px;
}
.search-box-bg{
width: 100%;
position: relative; position: relative;
z-index: 1; z-index: 3;
left: 50%; background-color: #F8F8F8;
width: 84.6%; .bug-fix {
transform: translateX(-50%); transform: translateY(-20rpx);
width: 100%;
.search-box-input { height: 20rpx;
border-radius: 12rpx; }
margin-top: 20rpx; .search-box {
background-color: #fff; position: relative;
opacity: 0.85; z-index: 2;
left: 50%;
.u-border { width: 84.6%;
border: none; transform: translateX(-50%);
.search-box-input {
.u-input__content { border-radius: 12rpx;
height: 62rpx; background-color: #fff;
border-radius: 12rpx; opacity: 0.85;
background-color: #fff;
.u-border {
.u-input__content__field-wrapper__field { border: none;
font-size: 26rpx !important;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
} }
} }
} }
} }
} }
</style> </style>

BIN
static/cjal/al_icon_dwh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 726 B

BIN
static/cjal/al_icon_flh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 329 B

BIN
static/cjal/al_icon_mch.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 489 B

BIN
static/cjal/al_icon_pm.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 B

BIN
static/cjal/al_icon_sjh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 B

BIN
static/cjal/anl_tu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB