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: '福建省海纳川食品有限公司',
tags: [{
tag: '活冻鲍鱼'

View File

@@ -1,13 +1,13 @@
<template>
<view class="my_avatar">
<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>
</view>
<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 v-else :src="VIP" width="84rpx" height="30rpx" :lazy-load="true">
<u--image v-else :src="VIP" width="84rpx" height="30rpx">
</u--image>
</view>
<text>顾发航</text>
@@ -19,6 +19,7 @@
name: "myAvatar",
data() {
return {
show: false,
avatar: '/static/my/avatar.png',
normal: '/static/my/wo_icon_pthy.png',
VIP: '/static/my/wo_icon_vip.png',

View File

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

View File

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

View File

@@ -4,11 +4,10 @@
"custom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
"^ua-(.*)": "@/components/uview-ui/components/u-$1/u-$1.vue",
"^customer-(.*)": "@/components/uni-$1.vue" // 匹配components目录内的vue文件
"^customer-(.*)": "@/components/uni-$1.vue" // 匹配components目录内的vue文件
}
},
"pages": [
{
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "食瞳",
@@ -124,7 +123,7 @@
"navigationBarBackgroundColor": "#12CA64",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}
}, {
"path": "pages/my/memberCenter/memberCenter",
"style": {

View File

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

View File

@@ -5,7 +5,7 @@
<view class="search_box">
<view class="search_box_border">
<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>
</view>
</view>
@@ -13,15 +13,13 @@
<!-- 分类模块 -->
<view class="classify">
<u-grid :border="false" col="5">
<u-grid-item v-for="(listItem,listIndex) in classifyList" :key="listIndex"
@click="click(listIndex)">
<!-- 懒加载 :lazy-load="true" -->
<u-grid-item v-for="(listItem,listIndex) in classifyList" :key="listIndex" @click="toClassify()">
<u--image :src="listItem.src" width="86rpx" height="86rpx" :lazy-load="true">
</u--image>
<text class="grid-text">{{listItem.title}}</text>
</u-grid-item>
</u-grid>
<u-toast ref="uToast" />
<!-- <u-toast ref="uToast" /> -->
</view>
<!-- 分类模块下的轮播图 -->
<view>
@@ -91,7 +89,7 @@
},
],
swiperList: [
'/static/products/sy_bg.png',
'https://cdn.uviewui.com/uview/swiper/swiper3.png',
'https://cdn.uviewui.com/uview/swiper/swiper3.png'
],
}
@@ -102,8 +100,20 @@
},
methods: {
//点击一级分类
click(listIndex) {
this.$refs.uToast.success(`点击了第${listIndex}`)
// click(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'
})
}
}
}
@@ -184,4 +194,4 @@
}
</style>
</style>

View File

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

View File

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

View File

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

View File

@@ -2,7 +2,7 @@
<template>
<view>
<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>
<myAvatar></myAvatar>
<view class="table">
@@ -20,8 +20,6 @@
@click="showModal()">
</u-cell>
</u-cell-group>
<u-modal :show="showM" showCancelButton closeOnClickOverlay confirmText="是" cancelText="否"
@confirm="confirm" @cancel="cancel" @close="close">
<rich-text :nodes="content"></rich-text>
@@ -34,7 +32,7 @@
export default {
data() {
return {
show: false,
showM: false,
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