This commit is contained in:
clay
2022-12-18 18:29:20 +08:00
parent 99b39f3eed
commit 2632ecb1f9
28 changed files with 71 additions and 65 deletions

View File

@@ -34,7 +34,7 @@
] ]
}, },
{ {
src: '/static/report/zhanwei_xf(2).png', src: '/static/report/zhanwei_xf(1).png',
title: '福建省海纳川食品有限公司', title: '福建省海纳川食品有限公司',
tags: [{ tags: [{
tag: '活冻鲍鱼' tag: '活冻鲍鱼'

View File

@@ -1,13 +1,13 @@
<template> <template>
<view class="my_avatar"> <view class="my_avatar">
<view style="border: 1px solid #EEEEEE;border-radius: 50rpx;"> <view style="border: 1px solid #EEEEEE;border-radius: 50rpx;">
<u--image :src="avatar" width="100rpx" height="100rpx" :lazy-load="true" shape="circle"> <u--image :src="avatar" width="100rpx" height="100rpx" shape="circle">
</u--image> </u--image>
</view> </view>
<view style="margin-top: 10rpx;margin-bottom: 4rpx;"> <view style="margin-top: 10rpx;margin-bottom: 4rpx;">
<u--image v-if="show==false" :src="normal" width="84rpx" height="30rpx" :lazy-load="true"> <u--image v-if="show==false" :src="normal" width="84rpx" height="30rpx">
</u--image> </u--image>
<u--image v-else :src="VIP" width="84rpx" height="30rpx" :lazy-load="true"> <u--image v-else :src="VIP" width="84rpx" height="30rpx">
</u--image> </u--image>
</view> </view>
<text>顾发航</text> <text>顾发航</text>
@@ -19,6 +19,7 @@
name: "myAvatar", name: "myAvatar",
data() { data() {
return { return {
show: false,
avatar: '/static/my/avatar.png', avatar: '/static/my/avatar.png',
normal: '/static/my/wo_icon_pthy.png', normal: '/static/my/wo_icon_pthy.png',
VIP: '/static/my/wo_icon_vip.png', VIP: '/static/my/wo_icon_vip.png',

View File

@@ -31,13 +31,13 @@
place: '第一食品资讯官方账号' place: '第一食品资讯官方账号'
}, },
{ {
src: '/static/report/zhanwei_zh.png', src: '/static/report/zhanwei_xf.png',
title: '食品企业如何开发新产品?创新思维又发挥着怎样的效应呢?', title: '食品企业如何开发新产品?创新思维又发挥着怎样的效应呢?',
time: '2022-10-18 14:43', time: '2022-10-18 14:43',
place: '腾讯新闻 ' place: '腾讯新闻 '
}, },
{ {
src: '/static/report/zhanwei_zh.png', src: '/static/report/zhanwei_xf.png',
title: '食品企业如何开发新产品?创新思维又发挥着怎样的效应呢?', title: '食品企业如何开发新产品?创新思维又发挥着怎样的效应呢?',
time: '2022-10-18 14:43', time: '2022-10-18 14:43',
place: '腾讯新闻' place: '腾讯新闻'

View File

@@ -49,7 +49,7 @@
time: '2022-12-04' time: '2022-12-04'
}, },
{ {
src: '/static/products/zhanwei_dg(2).png', src: '/static/products/zhanwei_dg.png',
title: '干吃汤圆', title: '干吃汤圆',
tag: '天然原料', tag: '天然原料',
img_tag: '糕点卷酥', img_tag: '糕点卷酥',
@@ -57,7 +57,7 @@
time: '2022-12-04' time: '2022-12-04'
}, },
{ {
src: '/static/products/zhanwei_dg(1).png', src: '/static/products/zhanwei_dg.png',
title: '紫薯魔芋人参魔芋人参魔芋人参…', title: '紫薯魔芋人参魔芋人参魔芋人参…',
tag: '天然原料', tag: '天然原料',
img_tag: '健康创新', img_tag: '健康创新',
@@ -65,7 +65,7 @@
time: '2022-12-04' time: '2022-12-04'
}, },
{ {
src: '/static/products/zhanwei_dg(3).png', src: '/static/products/zhanwei_dg.png',
title: '焦糖饼干', title: '焦糖饼干',
tag: '无防腐剂', tag: '无防腐剂',
img_tag: '饼干曲奇', img_tag: '饼干曲奇',

View File

@@ -7,8 +7,7 @@
"^customer-(.*)": "@/components/uni-$1.vue" // 匹配components目录内的vue文件 "^customer-(.*)": "@/components/uni-$1.vue" // 匹配components目录内的vue文件
} }
}, },
"pages": [ "pages": [{
{
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "食瞳", "navigationBarTitleText": "食瞳",

View File

@@ -173,52 +173,52 @@
featureMask: false, featureMask: false,
categoryList: [{ categoryList: [{
name: '烘焙宝典', name: '烘焙宝典',
icon: '/static/category/sy_icon_hp.png', icon: '/static/classify/sy_icon_hp.png',
active: true active: true
}, },
{ {
name: '零食铺子', name: '零食铺子',
icon: '/static/category/sy_icon_ls.png', icon: '/static/classify/sy_icon_ls.png',
active: false active: false
}, },
{ {
name: '饮品大全', name: '饮品大全',
icon: '/static/category/sy_icon_yp.png', icon: '/static/classify/sy_icon_yp.png',
active: false active: false
}, },
{ {
name: '调味菜单', name: '调味菜单',
icon: '/static/category/sy_icon_tw.png', icon: '/static/classify/sy_icon_tw.png',
active: false active: false
}, },
{ {
name: '肉食荟萃', name: '肉食荟萃',
icon: '/static/category/sy_icon_rs.png', icon: '/static/classify/sy_icon_rs.png',
active: false active: false
}, },
{ {
name: '乳品手册', name: '乳品手册',
icon: '/static/category/sy_icon_np.png', icon: '/static/classify/sy_icon_np.png',
active: false active: false
}, },
{ {
name: '果蔬地图', name: '果蔬地图',
icon: '/static/category/sy_icon_gs.png', icon: '/static/classify/sy_icon_gs.png',
active: false active: false
}, },
{ {
name: '食界新贵', name: '食界新贵',
icon: '/static/category/sy_icon_sj.png', icon: '/static/classify/sy_icon_sj.png',
active: false active: false
}, },
{ {
name: '欢喜盒子', name: '欢喜盒子',
icon: '/static/category/sy_icon_hz.png', icon: '/static/classify/sy_icon_hz.png',
active: false active: false
}, },
{ {
name: '创意工具', name: '创意工具',
icon: '/static/category/sy_icon_cy.png', icon: '/static/classify/sy_icon_cy.png',
active: false active: false
} }
], ],
@@ -444,9 +444,9 @@
}) })
}, },
exportView(str) { exportView(str) {
if(str === 'showMask') { if (str === 'showMask') {
this.showMask = true this.showMask = true
} else if(str === 'featureMask') { } else if (str === 'featureMask') {
this.featureMask = true this.featureMask = true
} }
}, },
@@ -456,7 +456,7 @@
}, },
navigateToSearch() { navigateToSearch() {
uni.navigateTo({ uni.navigateTo({
url:'/pages/index/search/search' url: '/pages/index/search/search'
}) })
}, },
goBack() { goBack() {

View File

@@ -5,7 +5,7 @@
<view class="search_box"> <view class="search_box">
<view class="search_box_border"> <view class="search_box_border">
<u-input placeholder="搜索优质产品" placeholder-style="color: #969696" prefixIcon="search" <u-input placeholder="搜索优质产品" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 22px;color: #909399;margin-left:30rpx"> prefixIconStyle="font-size: 22px;color: #909399;margin-left:30rpx" readonly @tap="toSearch()">
</u-input> </u-input>
</view> </view>
</view> </view>
@@ -13,15 +13,13 @@
<!-- 分类模块 --> <!-- 分类模块 -->
<view class="classify"> <view class="classify">
<u-grid :border="false" col="5"> <u-grid :border="false" col="5">
<u-grid-item v-for="(listItem,listIndex) in classifyList" :key="listIndex" <u-grid-item v-for="(listItem,listIndex) in classifyList" :key="listIndex" @click="toClassify()">
@click="click(listIndex)">
<!-- 懒加载 :lazy-load="true" -->
<u--image :src="listItem.src" width="86rpx" height="86rpx" :lazy-load="true"> <u--image :src="listItem.src" width="86rpx" height="86rpx" :lazy-load="true">
</u--image> </u--image>
<text class="grid-text">{{listItem.title}}</text> <text class="grid-text">{{listItem.title}}</text>
</u-grid-item> </u-grid-item>
</u-grid> </u-grid>
<u-toast ref="uToast" /> <!-- <u-toast ref="uToast" /> -->
</view> </view>
<!-- 分类模块下的轮播图 --> <!-- 分类模块下的轮播图 -->
<view> <view>
@@ -91,7 +89,7 @@
}, },
], ],
swiperList: [ swiperList: [
'/static/products/sy_bg.png', 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
'https://cdn.uviewui.com/uview/swiper/swiper3.png' 'https://cdn.uviewui.com/uview/swiper/swiper3.png'
], ],
} }
@@ -102,8 +100,20 @@
}, },
methods: { methods: {
//点击一级分类 //点击一级分类
click(listIndex) { // click(listIndex) {
this.$refs.uToast.success(`点击了第${listIndex}`) // this.$refs.uToast.success(`点击了第${listIndex}个`)
// },
//点击搜索框跳转到搜索页面
toSearch() {
uni.navigateTo({
url: '/pages/index/search/search'
})
},
//点击一级分类跳转到分类页
toClassify() {
uni.navigateTo({
url: '/pages/index/goods-category-search/category-index'
})
} }
} }
} }

View File

@@ -2,23 +2,20 @@
<view> <view>
<!-- 顶部导航栏 --> <!-- 顶部导航栏 -->
<view class="top-search"> <view class="top-search">
<customer-searchbar ref="search" :queryParam="queryParam" :search-bar-top="searchBarTop" :search-bar-height="searchBarHeight" <customer-searchbar ref="search" :queryParam="queryParam" :search-bar-top="searchBarTop"
@search="goSearch" @back="goBack" /> :search-bar-height="searchBarHeight" @search="goSearch" @back="goBack" />
</view> </view>
<!-- 最近搜索 --> <!-- 最近搜索 -->
<view class="recent-search" :style="{marginTop: Number(searchBarTop + searchBarHeight) + 'px',}"> <view class="recent-search" :style="{marginTop: Number(searchBarTop + searchBarHeight) + 'px',}">
<view class="title"> <view class="title">
<text class="title-text">最近搜索</text> <text class="title-text">最近搜索</text>
<u-icon name="trash" color="#666666" size="24" @click="clearRecentSearch"/> <u-icon name="trash" color="#666666" size="24" @click="clearRecentSearch" />
</view> </view>
<view class="recent-record"> <view class="recent-record">
<view v-if="recentRecordList.length > 0" class="no-empty-record"> <view v-if="recentRecordList.length > 0" class="no-empty-record">
<view v-for="(item, index) in recentRecordList" :key="index" class="tag-item"> <view v-for="(item, index) in recentRecordList" :key="index" class="tag-item">
<u-tag bg-color="#eee" <u-tag bg-color="#eee" borderColor="#eee" color="#666" :text="item"
borderColor="#eee" @click="recentSearch(item)" />
color="#666"
:text="item"
@click="recentSearch(item)"/>
</view> </view>
</view> </view>
<view v-else> <view v-else>
@@ -26,8 +23,6 @@
<text>暂无搜索记录</text> <text>暂无搜索记录</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 搜索发现 --> <!-- 搜索发现 -->
@@ -37,21 +32,17 @@
</view> </view>
<view class="found-record"> <view class="found-record">
<view v-for="(item, index) in foundList" :key="index" class="tag-item"> <view v-for="(item, index) in foundList" :key="index" class="tag-item">
<u-tag bg-color="#eee" <u-tag bg-color="#eee" borderColor="#eee" color="#666" :text="item" @click="recentSearch(item)" />
borderColor="#eee" </view>
color="#666"
:text="item"
@click="recentSearch(item)"/>
</view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { toast } from 'service/request.js' import {
toast
} from 'service/request.js'
export default { export default {
data() { data() {
return { return {
@@ -92,7 +83,7 @@
const index = this.recentRecordList.findIndex(item => { const index = this.recentRecordList.findIndex(item => {
return item === param return item === param
}) })
if(index > -1) { if (index > -1) {
this.recentRecordList.splice(index, 1) this.recentRecordList.splice(index, 1)
} }
this.recentRecordList.unshift(param) this.recentRecordList.unshift(param)
@@ -102,7 +93,7 @@
}, },
recentSearch(obj) { recentSearch(obj) {
this.queryParam = obj this.queryParam = obj
console.log(obj) // console.log(obj)
}, },
clearRecentSearch() { clearRecentSearch() {
this.recentRecordList = [] this.recentRecordList = []
@@ -121,6 +112,7 @@
padding: 32rpx 10rpx; padding: 32rpx 10rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.title-text { .title-text {
font-size: 32rpx; font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
@@ -129,6 +121,7 @@
line-height: 42rpx; line-height: 42rpx;
} }
} }
.recent-record { .recent-record {
.empty-record { .empty-record {
font-size: 28rpx; font-size: 28rpx;
@@ -138,19 +131,23 @@
line-height: 28rpx; line-height: 28rpx;
text-align: center; text-align: center;
} }
.no-empty-record { .no-empty-record {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 10rpx; padding: 0 10rpx;
.tag-item { .tag-item {
margin: 0 20rpx 20rpx 0; margin: 0 20rpx 20rpx 0;
} }
} }
} }
} }
.search-found { .search-found {
.title { .title {
padding: 32rpx 10rpx; padding: 32rpx 10rpx;
.title-text { .title-text {
font-size: 32rpx; font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
@@ -159,10 +156,12 @@
line-height: 42rpx; line-height: 42rpx;
} }
} }
.found-record { .found-record {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 10rpx; padding: 0 10rpx;
.tag-item { .tag-item {
margin: 0 20rpx 20rpx 0; margin: 0 20rpx 20rpx 0;
} }

View File

@@ -52,7 +52,7 @@
time: '2022-12-04' time: '2022-12-04'
}, },
{ {
src: '/static/products/zhanwei_dg(2).png', src: '/static/products/zhanwei_dg.png',
title: '干吃汤圆', title: '干吃汤圆',
tag: '天然原料', tag: '天然原料',
img_tag: '糕点卷酥', img_tag: '糕点卷酥',
@@ -60,7 +60,7 @@
time: '2022-12-04' time: '2022-12-04'
}, },
{ {
src: '/static/products/zhanwei_dg(1).png', src: '/static/products/zhanwei_dg.png',
title: '紫薯魔芋人参魔芋人参魔芋人参…', title: '紫薯魔芋人参魔芋人参魔芋人参…',
tag: '天然原料', tag: '天然原料',
img_tag: '健康创新', img_tag: '健康创新',
@@ -68,7 +68,7 @@
time: '2022-12-04' time: '2022-12-04'
}, },
{ {
src: '/static/products/zhanwei_dg(3).png', src: '/static/products/zhanwei_dg.png',
title: '焦糖饼干', title: '焦糖饼干',
tag: '无防腐剂', tag: '无防腐剂',
img_tag: '饼干曲奇', img_tag: '饼干曲奇',

View File

@@ -23,7 +23,6 @@
showM: false, showM: false,
content: `请保持手机畅通<br> content: `请保持手机畅通<br>
客服会及时联系您`, 客服会及时联系您`,
commitment: '承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置' commitment: '承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置承诺声明预留文字位置'
} }
}, },

View File

@@ -2,7 +2,7 @@
<template> <template>
<view> <view>
<u-navbar :autoBack="false" title="我的"></u-navbar> <u-navbar :autoBack="false" title="我的"></u-navbar>
<u--image src="/static/my/wo_icon_bj1.png" width="750rpx" height="349rpx" :lazy-load="true"> <u--image src="/static/my/wo_icon_bj1.png" width="750rpx" height="349rpx">
</u--image> </u--image>
<myAvatar></myAvatar> <myAvatar></myAvatar>
<view class="table"> <view class="table">
@@ -20,8 +20,6 @@
@click="showModal()"> @click="showModal()">
</u-cell> </u-cell>
</u-cell-group> </u-cell-group>
<u-modal :show="showM" showCancelButton closeOnClickOverlay confirmText="是" cancelText="否" <u-modal :show="showM" showCancelButton closeOnClickOverlay confirmText="是" cancelText="否"
@confirm="confirm" @cancel="cancel" @close="close"> @confirm="confirm" @cancel="cancel" @close="close">
<rich-text :nodes="content"></rich-text> <rich-text :nodes="content"></rich-text>
@@ -34,7 +32,7 @@
export default { export default {
data() { data() {
return { return {
show: false,
showM: false, showM: false,
content: `138 1222 222<br> content: `138 1222 222<br>
是否拨打客服电话`, 是否拨打客服电话`,

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB