fnvtk/cunkebao_v3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【私域操盘手】 操盘手端UI - 登录页

Browse Source
This commit is contained in:
柳清爽
2025-03-25 10:03:19 +08:00
parent d82d97d160
commit 19306bdb87
16 changed files with 1581 additions and 644 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Cunkebao/components/CustomTabBar.vue
View File

@@ -5,7 +5,7 @@
:class="{ active: active === 'home' }"
@click="switchTab('/pages/index/index', 'home')"
>
<u-icon :name="active === 'home' ? 'home-fill' : 'home'" :size="48" :color="active === 'home' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'home' ? 'home-fill' : 'home'" :size="48" :color="active === 'home' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'home' }">首页</text>
</view>
@@ -14,7 +14,7 @@
:class="{ active: active === 'market' }"
@click="switchTab('/pages/scenarios/index', 'market')"
>
<u-icon :name="active === 'market' ? 'tags-fill' : 'tags'" :size="48" :color="active === 'market' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'market' ? 'tags-fill' : 'tags'" :size="48" :color="active === 'market' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'market' }">场景获客</text>
</view>
@@ -23,7 +23,7 @@
:class="{ active: active === 'work' }"
@click="switchTab('/pages/work/index', 'work')"
>
<u-icon :name="active === 'work' ? 'grid-fill' : 'grid'" :size="48" :color="active === 'work' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'work' ? 'grid-fill' : 'grid'" :size="48" :color="active === 'work' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'work' }">工作台</text>
</view>
@@ -32,7 +32,7 @@
:class="{ active: active === 'profile' }"
@click="switchTab('/pages/profile/index', 'profile')"
>
<u-icon :name="active === 'profile' ? 'account-fill' : 'account'" :size="48" :color="active === 'profile' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'profile' ? 'account-fill' : 'account'" :size="48" :color="active === 'profile' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'profile' }">我的</text>
</view>
</view>

8
Cunkebao/components/TabBar.vue
View File

@@ -5,7 +5,7 @@
:class="{ active: active === 'home' }"
@click="switchTab('/pages/index/index', 'home')"
>
<u-icon :name="active === 'home' ? 'home-fill' : 'home'" :size="48" :color="active === 'home' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'home' ? 'home-fill' : 'home'" :size="48" :color="active === 'home' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'home' }">首页</text>
</view>
@@ -14,7 +14,7 @@
:class="{ active: active === 'market' }"
@click="switchTab('/pages/scenarios/index', 'market')"
>
<u-icon :name="active === 'market' ? 'tags-fill' : 'tags'" :size="48" :color="active === 'market' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'market' ? 'tags-fill' : 'tags'" :size="48" :color="active === 'market' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'market' }">场景获客</text>
</view>
@@ -23,7 +23,7 @@
:class="{ active: active === 'work' }"
@click="switchTab('/pages/index/index', 'work')"
>
<u-icon :name="active === 'work' ? 'grid-fill' : 'grid'" :size="48" :color="active === 'work' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'work' ? 'grid-fill' : 'grid'" :size="48" :color="active === 'work' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'work' }">工作台</text>
</view>
@@ -32,7 +32,7 @@
:class="{ active: active === 'profile' }"
@click="switchTab('/pages/profile/index', 'profile')"
>
<u-icon :name="active === 'profile' ? 'account-fill' : 'account'" :size="48" :color="active === 'profile' ? '#4080ff' : '#999999'"></u-icon>
<u-icon :name="active === 'profile' ? 'account-fill' : 'account'" :size="48" :color="active === 'profile' ? '#4080ff' : '#e9e9e9'"></u-icon>
<text class="tab-text" :class="{ 'active-text': active === 'profile' }">我的</text>
</view>
</view>

1715
Cunkebao/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

14
Cunkebao/package.json
View File

@@ -16,13 +16,17 @@
"author": "CunkeBao Team",
"license": "MIT",
"dependencies": {
"uview-ui": "^2.0.31"
"uview-ui": "^2.0.38"
},
"devDependencies": {
"sass": "^1.32.13",
"sass-loader": "^10.1.1",
"@dcloudio/uni-cli-i18n": "^2.0.2-4050620250311002",
"@dcloudio/uni-cli-shared": "^2.0.2-4050620250311002",
"@dcloudio/vue-cli-plugin-uni": "^2.0.2-4050620250311002",
"autoprefixer": "^9.8.8",
"postcss": "^7.0.39",
"postcss-comment": "^2.0.0",
"postcss-import": "^14.0.2",
"autoprefixer": "^10.3.1"
"postcss-import": "^12.0.1",
"sass": "^1.86.0",
"sass-loader": "^10.5.2"
}
}

32
Cunkebao/pages.json
View File

@@ -1,5 +1,12 @@
{
"pages": [
{
"path": "pages/login/index",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "登录"
}
},
{
"path": "pages/index/index",
"style": {
@@ -7,15 +14,6 @@
"navigationBarTitleText": "首页"
}
},
{
"path": "pages/login/index",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "登录",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/profile/index",
"style": {
@@ -23,22 +21,6 @@
"navigationBarTitleText": "我的"
}
},
{
"path": "pages/agreement/user",
"style": {
"navigationBarTitleText": "用户协议",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/agreement/privacy",
"style": {
"navigationBarTitleText": "隐私政策",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black"
}
},
{
"path": "pages/scenarios/index",
"style": {

2
Cunkebao/pages/agreement/privacy.vue
View File

@@ -175,7 +175,7 @@ export default {
.date {
font-size: 24rpx;
color: #999999;
color: #e9e9e9;
text-align: center;
margin-bottom: 60rpx;
}

2
Cunkebao/pages/agreement/user.vue
View File

@@ -128,7 +128,7 @@ export default {
.date {
font-size: 24rpx;
color: #999999;
color: #e9e9e9;
text-align: center;
margin-bottom: 60rpx;
}

2
Cunkebao/pages/index/index.vue
View File

@@ -158,7 +158,7 @@ export default {
align-items: center;
padding: 25rpx 30rpx;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
border-bottom: 1px solid #e9e9e9;
.title {
font-size: 45rpx;

422
Cunkebao/pages/login/index.vue
View File

@@ -1,20 +1,18 @@
<template>
<view class="login-container">
<!-- 登录方式切换 -->
<view class="tabs-container">
<u-tabs
:list="tabsList"
:current="current"
@change="handleTabChange"
activeStyle="color: #4080ff; font-weight: bold; font-size: 36rpx"
inactiveStyle="color: #999999; font-size: 36rpx"
itemStyle="height: 96rpx; padding: 0 30rpx;"
lineColor="#4080ff"
lineWidth="48rpx"
lineHeight="4rpx"
:itemWidth="300"
></u-tabs>
</view>
<u-tabs
:list="tabsList"
:current="current"
@change="handleTabChange"
activeStyle="color: #4080ff; font-size: 36rpx"
inactiveStyle="color: #e9e9e9; font-size: 36rpx"
itemStyle="height: 96rpx; padding: 0 30rpx;"
lineColor="#4080ff"
lineWidth="48rpx"
lineHeight="4rpx"
:itemWidth="500"
></u-tabs>
<!-- 提示文字 -->
<view class="login-hint">
@@ -24,7 +22,7 @@
<!-- 表单区域 -->
<view class="login-form">
<!-- 手机号输入 -->
<u-form-item>
<view class="input-box">
<u--input
v-model="form.mobile"
placeholder="+86手机号"
@@ -34,12 +32,12 @@
type="number"
maxlength="11"
border="none"
fontSize="36rpx"
fontSize="30rpx"
></u--input>
</u-form-item>
</view>
<!-- 验证码输入 -->
<u-form-item v-if="current === 0">
<view v-if="current === 0" class="input-box code-box">
<u--input
v-model="form.code"
placeholder="验证码"
@@ -48,43 +46,33 @@
maxlength="6"
border="none"
inputAlign="left"
fontSize="36rpx"
fontSize="30rpx"
></u--input>
<template #right>
<view class="code-btn-wrap">
<u-button
@tap="getCode"
:text="codeTips"
type="primary"
size="mini"
:disabled="!isValidMobile || sending"
customStyle="width: 200rpx;height: 76rpx;font-size: 32rpx;"
></u-button>
</view>
</template>
</u-form-item>
<view class="code-btn-wrap">
<u-button
@tap="getCode"
:text="codeTips"
type="primary"
size="mini"
:disabled="!isValidMobile || sending"
customStyle="width: 180rpx;height: 68rpx;font-size: 28rpx;"
></u-button>
</view>
</view>
<!-- 密码输入 -->
<u-form-item v-if="current === 1">
<view v-if="current === 1" class="input-box">
<u--input
v-model="form.password"
placeholder="密码"
prefixIcon="lock"
prefixIconStyle="font-size: 52rpx;color: #909399;padding-right: 16rpx;"
:password="!showPassword"
clearable
border="none"
fontSize="36rpx"
fontSize="30rpx"
suffixIcon="eye"
@clickSuffixIcon="showPassword = !showPassword"
></u--input>
<template #right>
<u-icon
:name="showPassword ? 'eye' : 'eye-off'"
color="#909399"
size="52"
@click="showPassword = !showPassword"
></u-icon>
</template>
</u-form-item>
</view>
<!-- 用户协议 -->
<view class="agreement">
@@ -92,23 +80,22 @@
v-model="isAgree"
shape="circle"
activeColor="#4080ff"
iconSize="24"
iconSize="48"
></u-checkbox>
<text class="agreement-text">
已阅读并同意
<text class="link" @click="goToUserAgreement"> 用户协议 </text>
<text class="link" @click="goToUserAgreement">用户协议</text>
与
<text class="link" @click="goToPrivacyPolicy"> 隐私政策 </text>
<text class="link" @click="goToPrivacyPolicy">隐私政策</text>
</text>
</view>
<!-- 登录按钮 -->
<u-button
text="登录"
type="info"
:disabled="!canLogin"
type="primary"
@click="handleLogin"
customStyle="width: 100%; margin-top: 40rpx; height: 96rpx; border-radius: 24rpx; font-size: 40rpx; font-weight: bold; background-color: #2563eb;"
customStyle="width: 100%; margin-top: 40rpx; height: 96rpx; border-radius: 24rpx; font-size: 70rpx;"
></u-button>
<!-- 分割线 -->
@@ -121,26 +108,16 @@
<!-- 第三方登录 -->
<view class="other-login">
<!-- 微信登录 -->
<u-button
text="使用微信登录"
@click="handleWechatLogin"
icon="weixin-fill"
iconSize="52"
plain
customStyle="width: 100%; margin-bottom: 20rpx; height: 96rpx; border-radius: 24rpx; border-color: #07c160; color: #07c160; font-size: 40rpx;"
></u-button>
<button class="wechat-btn" @click="handleWechatLogin">
<u-icon name="weixin-fill" size="56" color="#07c160" class="wechat-icon"></u-icon>
<text>使用微信登录</text>
</button>
<!-- Apple登录 -->
<u-button
text="使用 Apple 登录"
@click="handleAppleLogin"
plain
customStyle="width: 100%; margin-bottom: 20rpx; height: 96rpx; border-radius: 24rpx; border-color: #333333; color: #333333; font-size: 40rpx;"
>
<template #icon>
<image src="/static/images/apple.png" class="apple-icon"></image>
</template>
</u-button>
<button class="apple-btn" @click="handleAppleLogin">
<u-icon name="apple-fill" size="56" color="#333333" class="apple-icon"></u-icon>
<text>使用 Apple 登录</text>
</button>
</view>
<!-- 联系我们 -->
@@ -154,214 +131,78 @@ export default {
data() {
return {
tabsList: [
{
name: '验证码登录'
},
{
name: '密码登录'
}
{ name: '验证码登录' },
{ name: '密码登录' }
],
current: 0, // 当前选中的选项卡索引
current: 0,
form: {
mobile: '',
password: '',
code: ''
code: '',
password: ''
},
showPassword: false, // 是否显示密码
isAgree: false, // 是否同意协议
sending: false, // 是否正在发送验证码
codeTips: '发送验证码' // 验证码按钮文字
showPassword: false,
isAgree: false,
sending: false,
codeTips: '发送验证码'
}
},
computed: {
// 手机号是否有效
isValidMobile() {
return /^1\d{10}$/.test(this.form.mobile);
return /^1\d{10}$/.test(this.form.mobile)
},
// 是否可以登录
canLogin() {
if (!this.isAgree || !this.isValidMobile) return false;
if (this.current === 1) {
return !!this.form.password;
} else {
return !!this.form.code;
}
if (!this.isAgree || !this.isValidMobile) return false
return this.current === 0 ? !!this.form.code : !!this.form.password
}
},
methods: {
// 处理选项卡切换
handleTabChange(index) {
this.current = index;
this.current = index
},
// 处理登录
handleLogin() {
if (!this.canLogin) return;
if (this.current === 1) {
this.passwordLogin();
} else {
this.codeLogin();
}
},
// 密码登录
passwordLogin() {
uni.showLoading({
title: '登录中...'
});
// 这里替换为实际的登录API调用
setTimeout(() => {
uni.hideLoading();
uni.showToast({
title: '登录成功',
icon: 'success'
});
// 登录成功后跳转到个人中心页面
uni.switchTab({
url: '/pages/profile/index'
});
}, 1500);
},
// 验证码登录
codeLogin() {
uni.showLoading({
title: '登录中...'
});
// 这里替换为实际的登录API调用
setTimeout(() => {
uni.hideLoading();
uni.showToast({
title: '登录成功',
icon: 'success'
});
// 登录成功后跳转到个人中心页面
uni.switchTab({
url: '/pages/profile/index'
});
}, 1500);
},
// 获取验证码
getCode() {
if (this.sending) return;
// 验证手机号
if (!this.isValidMobile) {
uni.showToast({
title: '请输入正确的手机号',
icon: 'none'
});
return;
}
uni.showLoading({
title: '发送中...'
});
this.sending = true;
this.codeTips = '60s';
let secondsLeft = 60;
if (this.sending || !this.isValidMobile) return
this.sending = true
this.codeTips = '60s'
let seconds = 60
const timer = setInterval(() => {
secondsLeft--;
this.codeTips = `${secondsLeft}s`;
if (secondsLeft <= 0) {
clearInterval(timer);
this.sending = false;
this.codeTips = '发送验证码';
seconds--
this.codeTips = `${seconds}s`
if (seconds <= 0) {
clearInterval(timer)
this.sending = false
this.codeTips = '发送验证码'
}
}, 1000);
// 这里替换为实际的发送验证码API调用
setTimeout(() => {
uni.hideLoading();
uni.showToast({
title: '验证码已发送',
icon: 'success'
});
}, 1000);
}, 1000)
},
handleLogin() {
if (!this.canLogin) return
uni.showToast({
title: '登录成功',
icon: 'success'
})
},
// 微信登录
handleWechatLogin() {
// #ifdef MP-WEIXIN
uni.login({
provider: 'weixin',
success: (res) => {
console.log('微信登录成功', res);
// 获取用户信息
uni.getUserInfo({
provider: 'weixin',
success: (infoRes) => {
console.log('获取用户信息成功', infoRes);
// 处理登录逻辑
}
});
},
fail: (err) => {
console.error('微信登录失败', err);
}
});
// #endif
// #ifdef H5 || APP-PLUS
uni.showToast({
title: '请在微信中打开',
icon: 'none'
});
// #endif
console.log('微信登录')
},
// Apple登录
handleAppleLogin() {
// #ifdef APP-PLUS
uni.login({
provider: 'apple',
success: (res) => {
console.log('Apple登录成功', res);
// 处理登录逻辑
},
fail: (err) => {
console.error('Apple登录失败', err);
}
});
// #endif
// #ifdef H5 || MP-WEIXIN
uni.showToast({
title: '请在iOS设备上使用',
icon: 'none'
});
// #endif
console.log('Apple登录')
},
// 前往用户协议
goToUserAgreement() {
uni.navigateTo({
url: '/pages/agreement/user'
});
})
},
// 前往隐私政策
goToPrivacyPolicy() {
uni.navigateTo({
url: '/pages/agreement/privacy'
});
})
},
// 联系我们
handleContact() {
uni.showModal({
title: '联系我们',
content: '客服电话：400-123-4567\n工作时间：9:00-18:00',
content: '客服电话：400-xxx-xxxx',
showCancel: false
});
})
}
}
}
@@ -369,30 +210,52 @@ export default {
<style lang="scss" scoped>
.login-container {
padding: 40rpx;
background-color: #ffffff;
min-height: 100vh;
}
.tabs-container {
display: flex;
justify-content: center;
background-color: #ffffff;
padding: 0 40rpx;
}
.login-hint {
font-size: 32rpx;
color: #999999;
margin: 30rpx 0 60rpx;
text-align: center;
margin: 30rpx 0;
}
.login-form {
.u-form-item {
margin-top: 40rpx;
.input-box {
height: 96rpx;
border: 2rpx solid #e9e9e9;
border-radius: 16rpx;
padding: 0 24rpx;
margin-bottom: 30rpx;
display: flex;
align-items: center;
.u-form-item {
flex: 1;
margin-bottom: 0;
}
}
.code-btn-wrap {
margin-left: 20rpx;
.code-box {
display: flex;
align-items: center;
padding-right: 12rpx;
.u--input {
flex: 1;
}
.code-btn-wrap {
margin-left: 12rpx;
height: 68rpx;
.u-button {
margin: 0;
}
}
}
}
@@ -402,13 +265,14 @@ export default {
margin: 40rpx 0;
.agreement-text {
font-size: 32rpx;
font-size: 28rpx;
color: #999999;
margin-left: 12rpx;
}
.link {
color: $primary-color;
color: #4080ff;
margin: 0 8rpx;
}
}
@@ -419,27 +283,57 @@ export default {
.line {
flex: 1;
height: 2px;
height: 2rpx;
background-color: #eeeeee;
}
.text {
color: #999999;
padding: 0 30rpx;
font-size: 32rpx;
font-size: 28rpx;
}
}
.apple-icon {
width: 52rpx;
height: 52rpx;
margin-right: 16rpx;
.other-login {
.wechat-btn, .apple-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 96rpx;
margin-bottom: 20rpx;
border-radius: 24rpx;
font-size: 32rpx;
background-color: #ffffff;
border: 2rpx solid #dddddd;
text {
color: #333333;
margin-left: 16rpx;
}
}
.wechat-btn {
text {
font-size: 32rpx;
font-weight: 500;
}
}
.apple-btn {
text {
color: #333333;
font-size: 32rpx;
font-weight: 500;
}
}
}
.contact-us {
text-align: center;
font-size: 32rpx;
color: #666666;
font-size: 28rpx;
color: #999999;
margin-top: 60rpx;
padding-bottom: 40rpx;
}
</style>

4
Cunkebao/pages/profile/index.vue
View File

@@ -170,7 +170,7 @@ export default {
align-items: center;
padding: 25rpx 30rpx;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
border-bottom: 1px solid #e9e9e9;
position: fixed;
top: 0;
left: 0;
@@ -264,7 +264,7 @@ export default {
justify-content: space-between;
align-items: center;
padding: 30rpx 40rpx;
border-bottom: 2rpx solid #e5e5e5;
border-bottom: 2rpx solid #e9e9e9;
&:last-child {
border-bottom: none;

2
Cunkebao/pages/scenarios/index.vue
View File

@@ -289,7 +289,7 @@ export default {
align-items: center;
padding: 25rpx 30rpx;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
border-bottom: 1px solid #e9e9e9;
position: fixed;
top: 0;
left: 0;

3
Cunkebao/static/images/apple.png
View File

@@ -1,2 +1,3 @@
<!-- SVG 占位符，需要替换为实际的 Apple 图标 -->
<!-- 这是一个占位文件，实际应该放置 png 格式的 Apple 图标 -->
<!-- 这是一个占位文件，实际应该放置 png 格式的 Apple 图标 -->
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OWI0LCAyMDIyLzA2LzEzLTIyOjAxOjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDMtMjNUMTU6NDc6MjgrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDMtMjNUMTU6NDc6MjgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAzLTIzVDE1OjQ3OjI4KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5OWIyZjI5LTM4ZTAtNDY4ZC1hMzA0LTNmOGQ2NjQ5MzM4YyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY5OWIyZjI5LTM4ZTAtNDY4ZC1hMzA0LTNmOGQ2NjQ5MzM4YyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjY5OWIyZjI5LTM4ZTAtNDY4ZC1hMzA0LTNmOGQ2NjQ5MzM4YyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY5OWIyZjI5LTM4ZTAtNDY4ZC1hMzA0LTNmOGQ2NjQ5MzM4YyIgc3RFdnQ6d2hlbj0iMjAyMy0wMy0yM1QxNTo0NzoyOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQQAAAAsAAAAABAAEAAAAkCcfwCAGQaicDjrIO9zKvRHcd0HjuNZoueZpurnLlr2vSr3TpzneY7jeMrxnGdZ1jOtZ3rW9bzvfOcb5znfO+d5CQA7

4
Cunkebao/static/images/icons/data-label.svg
View File

@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8" cy="8" r="6.5" stroke="#999999" stroke-width="1.5" stroke-dasharray="1 2"/>
<circle cx="8" cy="8" r="2" fill="#999999"/>
<circle cx="8" cy="8" r="6.5" stroke="#e9e9e9" stroke-width="1.5" stroke-dasharray="1 2"/>
<circle cx="8" cy="8" r="2" fill="#e9e9e9"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 282 B

After

Width:  |  Height:  |  Size: 282 B

4
Cunkebao/static/images/icons/user-label.svg
View File

@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="8" r="4" stroke="#999999" stroke-width="1.5" fill="none"/>
<circle cx="12" cy="8" r="4" stroke="#e9e9e9" stroke-width="1.5" fill="none"/>
<path d="M6 20C6 16.6863 8.68629 14 12 14C15.3137 14 18 16.6863 18 20"
stroke="#999999"
stroke="#e9e9e9"
stroke-width="1.5"
stroke-linecap="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 384 B

After

Width:  |  Height:  |  Size: 384 B

1
Cunkebao/static/images/wechat.png Normal file
View File

@@ -0,0 +1 @@
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGsWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OWI0LCAyMDIyLzA2LzEzLTIyOjAxOjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDMtMjNUMTU6NDc6MjgrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDMtMjNUMTU6NDc6MjgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAzLTIzVDE1OjQ3OjI4KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5OWIyZjI5LTM4ZTAtNDY4ZC1hMzA0LTNmOGQ2NjQ5MzM4YyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY5OWIyZjI5LTM4ZTAtNDY4ZC1h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

2
Cunkebao/uni.scss
View File

@@ -8,7 +8,7 @@ $info-color: #909399;
/* 文字颜色 */
$text-color-main: #333333;
$text-color-regular: #666666;
$text-color-secondary: #999999;
$text-color-secondary: #e9e9e9;
$text-color-placeholder: #c0c4cc;
$text-color-white: #ffffff;