wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://git.njrzwl.cn:3000/wangmingchuan/yanzong_qianduan into main

Browse Source
dev
shuxiaoquan 1 year ago
parent af4e140871 b273787882
commit a0c2fca3e0
6 changed files with 127 additions and 66 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 33
      main.js.bak
  2. 1
      pages.json
  3. 159
      pages/search/index.vue
  4. BIN
      static/eye.png
  5. BIN
      static/eye1.png
  6. BIN
      static/searchBg.png

33
main.js.bak
Unescape View File

@ -0,0 +1,33 @@
import App from './App'
import { createSSRApp } from 'vue'
import store from './store'
import bootstrap from './core/bootstrap'
import mixin from './core/mixins/app'
import uView from './uni_modules/vk-uview-ui'
import { navTo, showToast, showSuccess, showError, getShareUrlParams, checkModuleKey, checkModules } from './core/app'
import Config from '@/core/config'
const picUrl = Config.get('picUrl')
console.log(picUrl,"lldd")
// 不能修改createApp方法名，不能修改从Vue中导入的createSSRApp
export function createApp() {
// 创建应用实例
const app = createSSRApp({ ...App, store, created: bootstrap })
// 挂载全局函数
app.config.globalProperties.$toast = showToast
app.config.globalProperties.$success = showSuccess
app.config.globalProperties.$error = showError
app.config.globalProperties.$navTo = navTo
app.config.globalProperties.$getShareUrlParams = getShareUrlParams
app.config.globalProperties.$checkModule = checkModuleKey
app.config.globalProperties.$checkModules = checkModules
app.config.globalProperties.$picUrl = picUrl
// 使用 uView UI
app.use(uView)
// 全局mixin
app.mixin(mixin)
return { app }
}

1
pages.json
Unescape View File

@ -109,6 +109,7 @@
{
"path": "pages/search/index",
"style": {
"navigationStyle":"default",
"navigationBarTitleText": "商品搜索"
}
},

159
pages/search/index.vue
Unescape View File

@ -9,10 +9,10 @@
</view>
<view class="find">
<view class="findTitle">
搜索发现
<image src="/static/search/openEye.png" class="findIcon" v-if="showEye" @click="showEye=!showEye">
<text>搜索发现</text>
<image src="/static/search/openEye.png" mode="widthFix" class="findIcon" v-if="showEye" @click="showEye=!showEye">
</image>
<image src="/static/search/closeEye.png" class="findIcon" v-if="!showEye" @click="showEye=!showEye">
<image src="/static/search/closeEye.png" mode="widthFix" class="findIcon" v-if="!showEye" @click="showEye=!showEye">
</image>
</view>
<view class="others">
@ -20,7 +20,7 @@
</view>
</view>
<view class="hotSearch" v-if="showEye">
<view v-for="(item,index) in searchList" :key="index" class="hotItem" @click="searchGoods(item)">
<view v-for="(item,index) in searchFindList" :key="index" class="hotItem" @click="searchGoods(item)">
<image src="/static/user/hot.png" mode="" class="hotImg" v-if="index==0"></image>
<text>{{item}}</text>
</view>
@ -29,25 +29,25 @@
<scroll-view class="hotList" scroll-x="true" @scroll="scroll">
<view class="hotItem" v-for="(item,index) in 2" :key="index">
<view class="itemHeade">
<view class="headeIcon">
<image src="/static/search/hotImg.png" mode=""></image>
</view>
<image src="/static/search/hotImg.png" mode="widthFix"></image>
<view class="headTitle">热门数码产品汇总</view>
</view>
<view class="itemMain" v-for="(s,k) in 4" :key="k">
<view class="itemMain" v-for="(s,k) in 5" :key="k">
<view class="num1 numCommon" v-if="k==0">
{{k+1}}
<text>{{k+1}}</text>
</view>
<view class="num2 numCommon" v-if="k==1">
{{k+1}}
<text>{{k+1}}</text>
</view>
<view class="num3 numCommon" v-if="k==2">
{{k+1}}
<text>{{k+1}}</text>
</view>
<view class="num4 numCommon" v-if="k>2">
<text>{{k+1}}</text>
</view>
<view class="num4 numCommon" v-if="k==3">
{{k+1}}
<view class="picContent" v-if="k<3">
<image :src="$picUrl+'/static/index/goods.png'" mode="aspectFit" class="goodsImg"></image>
</view>
<image :src="$picUrl+'/static/home/goodsDemo.png'" mode="" class="goodsImg" v-if="k<3"></image>
<view class="goodsInfo">
<view class="goodName">
荣耀PlAY 7T
@ -70,7 +70,8 @@
showEye: true,
searchValue: 'iPhone15',
searchData: [],
searchList: []
searchList: [],
searchFindList:['1999元抢IPad','iPhone15pro','小米手机','小米手机','智能手表好价']
}
},
@ -106,21 +107,22 @@
<style lang="scss" scoped>
.container {
padding: 20rpx;
padding: 40rpx 0;
min-height: 100vh;
background: #f7f7f7;
}
.search {
width: 680rpx;
// width: 680rpx;
height: 64rpx;
background: #FFFFFF;
border-radius: 68rpx 68rpx 68rpx 68rpx;
opacity: 1;
border: 2rpx solid #F3202A;
margin: 10rpx 0 0 32rpx;
// margin: 10rpx 0 0 20rpx;
display: flex;
align-items: center;
margin:0 40rpx;
.searchIcon {
width: 28rpx;
@ -154,35 +156,43 @@
display: flex;
justify-content: space-between;
align-items: center;
margin:0 40rpx;
margin-top: 44rpx;
.findTitle {
width: 200rpx;
height: 44rpx;
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #000000;
line-height: 44rpx;
margin-left: 40rpx;
// width: 200rpx;
// height: 44rpx;
// font-size: 32rpx;
// font-family: PingFang SC, PingFang SC;
// font-weight: 500;
// color: #000000;
// line-height: 44rpx;
// margin-left: 40rpx;
&>text{
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #000000;
}
.findIcon {
width: 36rpx;
height: 27rpx;
height: auto;
border-radius: 0rpx 0rpx 0rpx 0rpx;
opacity: 1;
margin-left: 22rpx;
margin-top:3rpx;
position: relative;
top:4rpx;
}
}
.others {
width: 72rpx;
height: 34rpx;
font-size: 24rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #8D8D8D;
line-height: 34rpx;
margin-right: 14rpx;
}
}
@ -190,22 +200,30 @@
display: flex;
align-items: center;
flex-wrap: wrap;
margin:0 40rpx;
margin-top: 20rpx;
.hotItem {
height: 64rpx;
padding:10rpx 30rpx;
background: #FFFFFF;
border-radius: 68rpx 68rpx 68rpx 68rpx;
border-radius: 34px 34px 34px 34px;
opacity: 1;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #000000;
line-height: 64rpx;
padding-right: 22rpx;
margin-right: 12rpx;
display: flex;
align-items: center;
margin-bottom: 24rpx;
padding-left: 30rpx;
// height: 64rpx;
// background: #FFFFFF;
// border-radius: 68rpx 68rpx 68rpx 68rpx;
// opacity: 1;
// font-size: 28rpx;
// font-family: PingFang SC, PingFang SC;
// font-weight: 400;
// color: #000000;
// line-height: 64rpx;
// padding-right: 22rpx;
// margin-right: 12rpx;
// margin-bottom: 24rpx;
// padding-left: 30rpx;
.hotImg {
width: 25rpx;
@ -217,14 +235,16 @@
.hotSuggest {
width: 100%;
margin-left: 32rpx;
// margin-left: 32rpx;
margin-top:12rpx;
margin-left:40rpx;
padding-right: 40rpx;
.hotList {
width: 100%;
white-space: nowrap;
.hotItem {
margin-right: 26rpx;
margin-right: 30rpx;
display: inline-block;
width: 484rpx;
height: 612rpx;
@ -233,40 +253,33 @@
background-size: 100% 100%;
border-radius: 8rpx 8rpx 8rpx 8rpx;
opacity: 1;
border: 2rpx solid #FFFFFF;
padding:18rpx 20rpx 48rpx 20rpx;
// border: 2rpx solid #FFFFFF;
.itemHeade {
display: flex;
align-items: center;
.headeIcon {
margin: 18rpx 0 0 22rpx;
margin-bottom:46rpx;
image {
width: 48rpx;
height: 60rpx;
opacity: 1;
image {
width: 100%;
height: 100%;
}
height: auto;
}
.headTitle {
width: 224rpx;
height: 40rpx;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
color: #F3202A;
line-height: 40rpx;
margin-left: 14rpx;
margin-left:14rpx;
}
}
.itemMain {
display: flex;
align-items: center;
margin: 22rpx 0 0 26rpx;
margin-bottom: 22rpx;
// margin: 22rpx 0 0 26rpx;
.numCommon {
width: 34rpx;
@ -277,7 +290,14 @@
font-family: PingFang SC, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 28rpx;
// line-height: 28rpx;
display: flex;
align-items: center;
justify-content: center;
text{
position: relative;
left:-1rpx;
}
}
.num1 {
@ -295,15 +315,22 @@
.num4 {
background-image: url('/static/search/common.png');
}
.goodsImg {
.picContent{
width: 100rpx;
height: 90rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
opacity: 1;
overflow: hidden;
margin-left: 10rpx;
.goodsImg {
width: 100%;
height:100%;
// opacity: 1;
//
}
}
.goodsInfo {
margin-left: 18rpx;

BIN
static/eye.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 978 B

BIN
static/eye1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 797 B

BIN
static/searchBg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

Write Preview
Loading…
Cancel
Save