code-image-backup-public/lilishop-uniapp
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git synced 2026-08-06 10:57:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增index.html文件并更新多个页面样式和结构

Browse Source
This commit is contained in:
pikachu1995@126.com
2026-07-06 13:53:54 +08:00
parent 5f293d929d
commit b1743cefb0
20 changed files with 821 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
pages/mine/set/editionIntro.vue
View File

@@ -14,17 +14,17 @@
</view>
</view>
<u-cell-group class="cell-group">
<u-cell-group class="cell-group" :border="false">
<!-- #ifdef APP-PLUS -->
<u-cell v-if="IosWhether" isLink title="去评分" @click="checkStar"></u-cell>
<u-cell isLink title="功能介绍" @click="navigateTo('/pages/mine/set/versionFunctionList')"></u-cell>
<u-cell isLink title="检查更新" @click="checkUpdate"></u-cell>
<u-cell v-if="IosWhether" is-link title="去评分" @click="checkStar"></u-cell>
<u-cell is-link title="功能介绍" @click="navigateTo('/pages/mine/set/versionFunctionList')"></u-cell>
<u-cell is-link title="检查更新" @click="checkUpdate"></u-cell>
<!-- #endif -->
<u-cell isLink title="证照信息" @click="navigateTo('/pages/mine/help/tips?type=LICENSE_INFORMATION')"></u-cell>
<u-cell isLink title="服务协议" @click="navigateTo('/pages/mine/help/tips?type=USER_AGREEMENT')"></u-cell>
<u-cell isLink title="隐私协议" @click="navigateTo('/pages/mine/help/tips?type=PRIVACY_POLICY')"></u-cell>
<u-cell isLink title="关于我们" @click="navigateTo('/pages/mine/help/tips?type=ABOUT')"></u-cell>
<u-cell is-link title="证照信息" @click="navigateTo('/pages/mine/help/tips?type=LICENSE_INFORMATION')"></u-cell>
<u-cell is-link title="服务协议" @click="navigateTo('/pages/mine/help/tips?type=USER_AGREEMENT')"></u-cell>
<u-cell is-link title="隐私协议" @click="navigateTo('/pages/mine/help/tips?type=PRIVACY_POLICY')"></u-cell>
<u-cell is-link title="关于我们" @click="navigateTo('/pages/mine/help/tips?type=ABOUT')"></u-cell>
</u-cell-group>
<view class="intro">
@@ -131,21 +131,25 @@ export default {
<style lang="scss" scoped>
page {
background: #fff !important;
background: #f8f8f8 !important;
}
.edition-intro {
width: 100%;
min-height: 100vh;
background: #fff;
box-sizing: border-box;
background: #f8f8f8;
display: flex;
flex-direction: column;
padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
}
.header-block {
display: flex;
flex-direction: column;
align-items: center;
padding: 80rpx 0 48rpx;
padding: 60rpx 0 40rpx;
background: #fff;
}
.logo {
@@ -169,10 +173,20 @@ page {
.cell-group {
width: 100%;
margin-top: 20rpx;
background: #fff;
}
:deep(.u-cell-group) {
width: 100%;
}
:deep(.u-cell) {
padding: 0 30rpx;
width: 100%;
}
:deep(.u-cell__body) {
padding: 28rpx 30rpx;
}
:deep(.u-cell__title-text) {
@@ -184,23 +198,35 @@ page {
color: #ccc !important;
}
:deep(.u-line) {
width: 100% !important;
margin: 0 !important;
}
.intro {
margin-top: auto;
width: 100%;
padding: 48rpx 40rpx 60rpx;
padding: 48rpx 40rpx calc(80rpx + env(safe-area-inset-bottom));
text-align: center;
font-size: 24rpx;
line-height: 1.6;
line-height: 1.8;
color: #666;
letter-spacing: 1rpx;
box-sizing: border-box;
}
.intro-line {
margin-top: 16rpx;
margin-top: 12rpx;
}
.intro-link {
color: #003a8c;
}
</style>
<style lang="scss">
/* #ifdef H5 */
page {
min-height: 100vh;
}
/* #endif */
</style>

156
pages/mine/set/feedBack.vue
View File

@@ -1,36 +1,55 @@
<template>
<div class="feedBack">
<div class="feedBack-box">
<h4>猜你想问</h4>
<div class="feedBack-item" :class="{'active':feedBack.type == item.value }" @click="handleClick(index)" v-for="(item,index) in list" :key="index">
{{item.text}}
</div>
</div>
<view class="feedBack">
<view class="feedBack-box">
<view class="box-title">猜你想问</view>
<view
class="feedBack-item"
:class="{ active: feedBack.type == item.value }"
@click="handleClick(index)"
v-for="(item, index) in list"
:key="index"
>
{{ item.text }}
</view>
</view>
<div class="feedBack-box">
<h4>问题反馈 <span style="margin-left:10rpx;" v-if="feedBack.type">@{{ list.find(item=>{return item.value == feedBack.type }).text }}</span></h4>
<u-input class="field-input" height="500" border="none" v-model="feedBack.context" type="textarea" placeholder="请输入反馈信息">
</u-input>
</div>
<view class="feedBack-box">
<view class="box-title">问题反馈
<text class="box-tag" v-if="feedBack.type">@{{ list.find(item => item.value == feedBack.type).text }}</text>
</view>
<u-textarea
class="field-textarea"
v-model="feedBack.context"
placeholder="请输入反馈信息"
border="none"
height="240"
maxlength="500"
></u-textarea>
</view>
<!-- 上传凭证 -->
<div class="feedBack-box">
<view class="opt-view">
<view class="img-title">上传凭证（最多2张）</view>
<view class="images-view">
<u-upload :file-list="uploadFileList" :auto-upload="false" width="150" @afterRead="onUploadAfterRead" :max-count="2"></u-upload>
</view>
<view class="feedBack-box">
<view class="box-title">上传凭证（最多2张）</view>
<view class="images-view">
<u-upload :file-list="uploadFileList" :auto-upload="false" width="150" @afterRead="onUploadAfterRead" :max-count="2"></u-upload>
</view>
</div>
</view>
<div class="feedBack-box">
<h4>手机号</h4>
<u-input border="none" v-model="feedBack.mobile" placeholder="请输入您的手机号">
</u-input>
</div>
<view class="feedBack-box">
<view class="box-title">手机号</view>
<u-input
class="field-input"
v-model="feedBack.mobile"
type="number"
maxlength="11"
border="none"
placeholder="请输入您的手机号"
:custom-style="inputStyle"
></u-input>
</view>
<div class="submit" @click="submit()">提交</div>
</div>
<view class="submit" @click="submit()">提交</view>
</view>
</template>
@@ -45,7 +64,15 @@ export default {
storage,
config,
feedBack: {
type: "FUNCTION", //默认反馈问题为 '功能相关'
type: "FUNCTION",
context: "",
mobile: "",
},
inputStyle: {
background: "#fafafa",
borderRadius: "12rpx",
padding: "0 24rpx",
height: "80rpx",
},
uploadFileList: [],
list: [
@@ -116,49 +143,86 @@ export default {
</script>
<style lang="scss" scoped>
page {
background: #f8f8f8;
}
.submit {
text-align: center;
background: $light-color;
height: 70rpx;
line-height: 70rpx;
height: 88rpx;
line-height: 88rpx;
color: #fff;
width: 92%;
margin-bottom: 100rpx;
margin: 0 auto;
margin: 40rpx auto 60rpx;
border-radius: 100px;
font-size: 30rpx;
}
.active{
.active {
color: $light-color !important;
font-weight: bold;
}
.feedBack {
padding-bottom: 100rpx;
width: 100%;
box-sizing: border-box;
padding: 20rpx 24rpx 40rpx;
min-height: 100vh;
background: #f8f8f8;
}
.feedBack-box {
background: #fff;
border-radius: 20rpx;
padding: 32rpx;
margin-bottom: 40rpx;
margin-bottom: 20rpx;
}
::v-deep .u-input__textarea {
padding: 12px;
.box-title {
font-size: 30rpx;
font-weight: 600;
color: #333;
line-height: 1.4;
}
.feedBack-box:nth-of-type(1) {
border-top-left-radius: 0;
border-top-right-radius: 0;
.box-tag {
margin-left: 10rpx;
font-size: 26rpx;
font-weight: normal;
color: $light-color;
}
.feedBack-item {
margin: 20rpx 0;
font-size: 24rpx;
font-size: 28rpx;
color: #666;
}
h4 {
font-size: 30rpx;
.field-textarea {
margin-top: 20rpx;
:deep(.u-textarea) {
background: #fafafa !important;
border-radius: 12rpx;
padding: 20rpx;
box-sizing: border-box;
}
:deep(.u-textarea__field) {
width: 100%;
font-size: 28rpx;
line-height: 1.6;
color: #333;
}
}
.field-input {
margin: 20rpx 0;
padding: 20rpx 0;
background: #fafafa;
border-radius: 0.6em;
margin-top: 20rpx;
width: 100%;
}
.images-view {
margin-top: 20rpx;
}
</style>

40
pages/mine/set/setUp.vue
View File

@@ -14,21 +14,21 @@
<u-icon color="#ccc" name="arrow-right" size="16"></u-icon>
</view>
<u-cell-group class="cell-group">
<u-cell-group class="cell-group" :border="false">
<!-- #ifdef APP-PLUS -->
<u-cell :isLink="false" title="清除缓存" :value="fileSizeString" @click="clearCache"></u-cell>
<u-cell is-link title="清除缓存" :value="fileSizeString" @click="clearCache"></u-cell>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<u-cell
:isLink="false"
is-link
title="安全中心"
@click="navigateTo('/pages/mine/set/securityCenter/securityCenter')"
></u-cell>
<!-- #endif -->
<u-cell :isLink="false" title="用户注销" v-if="userInfo.id" @click="logoff"></u-cell>
<u-cell :isLink="false" title="意见反馈" @click="navigateTo('/pages/mine/set/feedBack')"></u-cell>
<u-cell is-link title="用户注销" v-if="userInfo.id" @click="logoff"></u-cell>
<u-cell is-link title="意见反馈" @click="navigateTo('/pages/mine/set/feedBack')"></u-cell>
<u-cell
:isLink="false"
is-link
:title="`关于${config.name}`"
@click="navigateTo('/pages/mine/set/editionIntro')"
></u-cell>
@@ -148,12 +148,14 @@ export default {
<style lang="scss" scoped>
page {
background: #fff !important;
background: #f8f8f8 !important;
}
.set-up {
width: 100%;
min-height: 100vh;
background: #fff;
box-sizing: border-box;
background: #f8f8f8;
}
.person {
@@ -161,6 +163,7 @@ page {
align-items: center;
padding: 36rpx 30rpx;
background: #fff;
border-bottom: 1rpx solid #ededed;
}
.user-name {
@@ -176,10 +179,20 @@ page {
.cell-group {
width: 100%;
margin-top: 20rpx;
background: #fff;
}
:deep(.u-cell-group) {
width: 100%;
}
:deep(.u-cell) {
padding: 0 30rpx;
width: 100%;
}
:deep(.u-cell__body) {
padding: 28rpx 30rpx;
}
:deep(.u-cell__title-text) {
@@ -191,6 +204,15 @@ page {
color: #ccc !important;
}
:deep(.u-cell__right-icon-wrap) {
color: #ccc !important;
}
:deep(.u-line) {
width: 100% !important;
margin: 0 !important;
}
.submit {
height: 90rpx;
line-height: 90rpx;