fgm
/
cankao-h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 更新开发环境配置并优化UI组件 

更新.env.development和config/index.ts中的API地址配置
优化LoginPopup、RankListMini和minihome页面的UI组件布局和样式
在minihome页面添加banner标题和优化tab切换效果
This commit is contained in:
34701892@qq.com 2025-12-17 11:16:50 +08:00
parent 695149674f
commit c89b80e4eb
6 changed files with 112 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -5,7 +5,7 @@ ENV = development
# VITE_API_URL = http://123.60.153.169:8040/apih5
# VITE_API_URL = https://4155gf93ll13.vicp.fun/apih5
# VITE_API_URL = http://123.60.79.143:8041/apih5
# VITE_API_URL =http://ukfba3.natappfree.cc/apih5
VITE_API_URL = https://cankao.cs.com.cn/apih5
VITE_API_URL = http://192.168.3.38:8040/apih5
# VITE_API_URL = https://cankao.cs.com.cn/apih5
VITE_API_DATAV_URL = https://cankao.cs.com.cn/zzck_datav

22
src/components/RankListMini.vue
View File

@ -32,19 +32,32 @@
</view>
<view class="r_option">
<image class="option_icon" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/eye_icon%402x.png"></image>
<image
class="option_icon"
src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/eye_icon%402x.png"
></image>
<text class="option_text">{{ item.viewCount }}</text>
<image class="option_icon" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/like_icon%402x.png"></image>
<image
class="option_icon"
src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/like_icon%402x.png"
></image>
<text class="option_text">{{ item.likeCount }}</text>
<image class="option_icon" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_icon%402x.png"></image>
<image
class="option_icon"
src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/share_icon%402x.png"
></image>
<text class="option_text">{{ item.shareCount }}</text>
</view>
</view>
</view>
<view class="lock_view" v-if="!isLogin">
<image class="lock_icon" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/lock_icon%402x.png"> </image>
<image
class="lock_icon"
src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/lock_icon%402x.png"
>
</image>
<text class="lock_text">海外独家资讯内容，<text style="color: #d13e3c">登录</text>后可查阅全文</text>
</view>
</view>
@ -84,6 +97,7 @@ watch(
watch(
() => props.newsList,
(newValue, oldValue) => {
isLogin.value = uni.getStorageSync("token");
rankListLocal.value = [];
props.newsList.forEach((item, index) => {
if (!isExp.value && index > 9) {

26
src/components/loginPopup/index.vue
View File

@ -1,6 +1,14 @@
<template>
<!-- <view class="loginPopup"> -->
<u-popup class="loginPopup" :show="props.show" closeable :mode="props.mode" round="12" :closeOnClickOverlay="false" @close="handlePopupClose">
<u-popup
class="loginPopup"
:show="props.show"
closeable
:mode="props.mode"
round="12"
:closeOnClickOverlay="false"
@close="handlePopupClose"
>
<view class="loginPopupContent">
<view class="loginTitle">登录后掌握更多优质财经内容</view>
@ -8,10 +16,20 @@
<view class="loginForm">
<u--form :model="state.loginForm" ref="uForm">
<u-form-item style="padding: 0" class="loginFormItem" prop="userInfo.name" borderBottom ref="item1">
<u--input class="loginFormInput" placeholder="请输入您的手机号" v-model="state.loginForm.phone" border="none"></u--input>
<u--input
class="loginFormInput"
placeholder="请输入您的手机号"
v-model="state.loginForm.phone"
border="none"
></u--input>
</u-form-item>
<u-form-item class="loginFormItem" prop="userInfo.name" borderBottom ref="item1">
<u--input class="loginFormInput" placeholder="请输入短信验证码" v-model="state.loginForm.code" border="none"></u--input>
<u--input
class="loginFormInput"
placeholder="请输入短信验证码"
v-model="state.loginForm.code"
border="none"
></u--input>
<view class="getCode" @click="captcha">{{ codeText }}</view>
</u-form-item>
</u--form>
@ -120,6 +138,8 @@ const Login = async () => {
console.log(code, "<=== code");
if (code === 200) {
uni.hideLoading();
console.log("🚀 ~ Login ~ data:", data);
Session.set("token", data.token);
Session.set("userPhone", data.phone);

5
src/config/index.ts
View File

@ -1,8 +1,7 @@
// const baseUrl = "http://192.168.31.25:8060/api";
// export const baseUrl = "http://127.0.0.1:8040/apih5";
// export const baseUrl = "http://192.168.3.38:8040/apih5";
export const baseUrl = "https://cankao.cs.com.cn/mini";
export const baseUrl = "http://192.168.3.38:8040/apih5";
// export const baseUrl = "https://cankao.cs.com.cn/mini";
export const baseUrlDataV = "https://cankao.cs.com.cn/zzck_datav";
// export const baseUrlDataV = "http://123.60.153.169:9995/zzck_datav";

14
src/pages/login/indexMini.vue
View File

@ -21,7 +21,12 @@
</view>
<!-- #ifdef MP-WEIXIN -->
<button v-if="checked && checked?.length > 0" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="bottom_btn">
<button
v-if="checked && checked?.length > 0"
open-type="getPhoneNumber"
@getphonenumber="getPhoneNumber"
class="bottom_btn"
>
<view>
<text>立即进入</text>
</view>
@ -40,7 +45,11 @@
</button>
<!-- #endif -->
<LoginPopup :show="LoginShow" @handlePopupClose="handlePopupClose" @handlePopupSuccessCallback="handlePopupSuccessCallback" />
<LoginPopup
:show="LoginShow"
@handlePopupClose="handlePopupClose"
@handlePopupSuccessCallback="handlePopupSuccessCallback"
/>
</view>
</template>
@ -177,6 +186,7 @@ const handlePopupClose = () => {
// 登录成功回调
const handlePopupSuccessCallback = () => {
LoginShow.value = false;
// emit("onChange");
uni.navigateBack({});
};

60
src/pages/minihome/index.vue
View File

@ -48,8 +48,12 @@
</view>
</view> -->
<view style="padding: 0 24rpx; margin-top: 30rpx" v-if="tabIndex == 0">
<view style="padding: 0 24rpx; margin-top: 30rpx; position: relative">
<u-swiper :list="list1" @change="change" @click="click"></u-swiper>
<view class="r_banner_title">
<text class="banner_title">中证智能参考</text>
<text class="banner_sub_title">每一篇与财富相关的资讯</text>
</view>
</view>
<!-- <view v-if="tabIndex == 0" style="padding-top: 30rpx; background-color: white; padding-bottom: 30rpx">
@ -58,12 +62,18 @@
</view>
<view class="r_tab">
<view style="display: flex; align-items: center; gap: 15rpx">
<view class="tab_item" @click="tabIndex = 0">海外资讯</view>
<view class="tab_item" @click="tabIndex = 1">国内资讯</view>
<view style="display: flex; align-items: center; gap: 20rpx">
<view style="display: flex; flex-direction: column; align-items: center">
<view class="tab_item" @click="tabChange(0)">海外资讯</view>
<view class="tab_line" :style="{ opacity: tabIndex == 0 ? 1 : 0 }"></view>
</view>
<view style="display: flex; flex-direction: column; align-items: center">
<view class="tab_item" @click="tabChange(2)">国内资讯</view>
<view class="tab_line" :style="{ opacity: tabIndex == 2 ? 1 : 0 }"></view>
</view>
</view>
<view class="r_sreach">
<view class="sreach" @click="goSreach" v-if="tabIndex == 0">
<view class="sreach" @click="goSreach">
<view class="sreach_icon">
<image src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/icon_search_line.png"></image>
</view>
@ -250,6 +260,46 @@ onMounted(async () => {
line-height: 33rpx;
text-align: left;
font-style: normal;
display: flex;
justify-content: center;
}
.tab_line {
width: 50rpx;
height: 10rpx;
background-color: #e23653;
border-radius: 5rpx;
margin-top: 5rpx;
}
}
.r_banner_title {
position: absolute;
top: 30rpx;
left: 50rpx;
display: flex;
flex-direction: column;
gap: 10rpx;
}
.banner_title {
font-family: PingFangSC, PingFang SC;
font-weight: bold;
font-size: 42rpx;
color: #fff;
line-height: 63rpx;
text-align: left;
font-style: normal;
}
.banner_sub_title {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #fff;
line-height: 33rpx;
text-align: left;
font-style: normal;
}
</style>