创建产品追溯页面 进一步完善各项功能

Signed-off-by: YangWork <yang@xixingwl.cn>
This commit is contained in:
YangWork
2023-02-16 18:00:22 +08:00
parent 1a0c4482a3
commit b77282d0dc
15 changed files with 451 additions and 116 deletions

View File

@@ -1,36 +1,41 @@
<template>
<view>
<view class="warp">
<uni-search-bar @confirm="search" v-model="searchValue" @input="input" clearButton="always"
cancelButton="none" @clear="scan">
<template v-slot:clearIcon>
<uni-icons color="#999999" size="18" type="scan" />
</template>
</uni-search-bar>
<uni-nav-bar fixed="true" statusBar="true" leftWidth="10px" right-width="10px">
<view style="display: flex; align-items: center; width: 100%; background-color: transparent; ">
<uni-search-bar @confirm="search" v-model="searchValue" @input="input" clearButton="always"
cancelButton="none" @clear="scan">
<template v-slot:clearIcon>
<uni-icons color="#999999" size="18" type="scan" />
</template>
</uni-search-bar>
</view>
</uni-nav-bar>
<!-- 个人中心页方格列表数据 -->
<view class="Grid">
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
<view class="GStitle">新闻动态</view>
</view>
</view>
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
<view class="GStitle">视频教程</view>
</view>
</view>
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
<view class="GStitle">产品追溯</view>
</view>
</view>
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
<view class="GStitle">车架查询</view>
</view>
</view>
</view>
@@ -1304,7 +1309,7 @@
}
}
page {
page {
display: flex;
flex-direction: column;
box-sizing: border-box;