美化了样式3.0

This commit is contained in:
2025-08-15 14:15:10 +08:00
parent 23ab2798d8
commit f47e375bfa
12 changed files with 103 additions and 42 deletions

View File

@ -1,5 +1,6 @@
import { baseUrl, globalImgUrl } from "../../../request"; import { baseUrl, globalImgUrl } from "../../../request";
const { notLogin } = require('../../../utils/util') const { notLogin } = require('../../../utils/util')
import { decodeBase64 } from "../../../utils/decodebase64";
// pages/course/createCourseOrder/createCourseOrder.js // pages/course/createCourseOrder/createCourseOrder.js
Page({ Page({
@ -13,21 +14,7 @@ Page({
globalImgUrl, // 全局图片 globalImgUrl, // 全局图片
isMaskVisible: false, isMaskVisible: false,
isNoticeVisible: true, isNoticeVisible: true,
noticeHtml: ` noticeHtml: '',
<h3>一、购买与使用</h3>
<p>1购买后请在 <strong>「我的订单」</strong> 中查看并进入课程学习;</p>
<p>2课程为虚拟内容服务一经购买概不支持无理由退款</p>
<h3>二、账号与权益</h3>
<p>1课程仅限购买账号本人使用不可转借、分享或用于商业用途</p>
<p>2如发现恶意盗链、传播等行为我们有权封禁账号并追究法律责任。</p>
<h3>三、发票与售后</h3>
<p>如需发票或遇到问题,请在课程详情页联系客服。</p>
<h3>四、其他</h3>
<p>购买即视为同意本须知及平台服务协议。</p>
`,
}, },
// 打开/关闭弹窗 // 打开/关闭弹窗
@ -164,6 +151,27 @@ noop() {},
} else { } else {
notLogin(res.data.message) notLogin(res.data.message)
} }
},
fail: () => {
wx.showToast({ title: '网络错误', icon: 'none' });
}
})
},
getCourseDesc() {
wx.request({
url: baseUrl + '/userInfo/query/courseDesc',
method: 'POST',
success: res => {
console.log('====>购买须知', res.data)
if (res.data.code === 1) {
this.setData({noticeHtml: decodeBase64(res.data.data)})
} else {
notLogin(res.data.message)
}
},
fail: () => {
wx.showToast({ title: '网络错误', icon: 'none' });
} }
}) })
}, },
@ -177,6 +185,7 @@ noop() {},
courseId: options.id, courseId: options.id,
}) })
this.getCourseDetail() this.getCourseDetail()
this.getCourseDesc()
}, },
/** /**

View File

@ -250,6 +250,9 @@
max-height: 48vh; max-height: 48vh;
padding: 8rpx 32rpx 24rpx; padding: 8rpx 32rpx 24rpx;
} }
rich-text {
padding-bottom: 32rpx;
}
/* 富文本默认样式优化 */ /* 富文本默认样式优化 */
.modal-body rich-text { .modal-body rich-text {
@ -308,3 +311,10 @@
.notice-icon:active { .notice-icon:active {
opacity: 0.85; opacity: 0.85;
} }
::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent;
}

View File

@ -6,14 +6,8 @@ const { notLogin } = require('../../../utils/util')
Page({ Page({
data: { data: {
// 初始时置空,待接口返回后再渲染
banners: [
'./image/banner.png',
'./image/banner.png',
'./image/banner.png',
'./image/banner.png'
],
courseList: [], courseList: [],
bannerList: [],
globalImgUrl globalImgUrl
}, },
@ -70,10 +64,37 @@ Page({
}); });
}, },
getBannerList() {
const token = wx.getStorageSync('token')
wx.request({
url: baseUrl + '/banner/mini/list',
method: 'GET',
header: {
'Authorization': token
},
success: res => {
if (res.data.code === 1) {
this.setData({
bannerList: res.data.data
});
} else {
notLogin(res.data.message)
}
},
fail: () => {
wx.showToast({
title: '网络异常,请稍后重试',
icon: 'none'
});
}
})
},
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad(options) { onLoad() {
this.getBannerList()
this.getCourseList() this.getCourseList()
}, },

View File

@ -8,9 +8,9 @@
</view> </view>
<swiper class="swiper" autoplay="true" interval="3000" circular="true" indicator-dots="true" indicator-active-color="#ff6a00"> <swiper class="swiper" autoplay="true" interval="3000" circular="true" indicator-dots="true" indicator-active-color="#ff6a00">
<block wx:for="{{banners}}" wx:for-item="img" wx:key="index"> <block wx:for="{{bannerList}}" wx:for-item="img" wx:key="index">
<swiper-item> <swiper-item>
<image src="{{img}}" class="swiper-image" mode="aspectFill" lazy-load="true"/> <image src="{{globalImgUrl + img}}" class="swiper-image" mode="aspectFill" lazy-load="true"/>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>

View File

@ -1,18 +1,36 @@
// pages/loginModule/employeeAccountNotice/employeeAccountNotice.js import { baseUrl } from "../../../request";
import { decodeBase64 } from "../../../utils/decodebase64";
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
applyDesc: '',
}, },
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad(options) { getApplyDesc() {
wx.request({
url: baseUrl + '/userInfo/query/applyNotice',
method: 'POST',
success: res => {
if (res.data.code === 1) {
this.setData({ applyDesc: decodeBase64(res.data.data) })
} else {
wx.showToast({ title: res.data.message, icon: 'none' });
}
},
fail: () => {
wx.showToast({ title: '网络错误', icon: 'none' });
}
})
},
onLoad() {
this.getApplyDesc()
}, },
/** /**

View File

@ -1,5 +1,5 @@
<!--pages/loginModule/employeeAccountNotice/employeeAccountNotice.wxml--> <!--pages/loginModule/employeeAccountNotice/employeeAccountNotice.wxml-->
<view class="flex-col page"> <view class="flex-col page">
<text class="self-center text">员工账号申请须知</text> <text class="self-center text">员工账号申请须知</text>
<rich-text class="section view mt-20"></rich-text> <rich-text nodes="{{ applyDesc }}" class="section view mt-20"></rich-text>
</view> </view>

View File

@ -1,15 +1,15 @@
/* pages/loginModule/employeeAccountNotice/employeeAccountNotice.wxss */ /* pages/loginModule/employeeAccountNotice/employeeAccountNotice.wxss */
.page { .page {
padding: 65.08rpx 42.19rpx 145.31rpx 44.06rpx; padding: 65.08rpx 42.19rpx 150rpx 44.06rpx;
background-color: #ffffff; background-color: #ffffff;
width: 100%; width: 100%;
overflow-y: auto; overflow: auto;
overflow-x: hidden;
height: 100%; height: 100%;
} }
.text { .text {
color: #000000; color: #000000;
font-size: 33.75rpx; font-size: 33.75rpx;
font-weight: bold;
font-family: SourceHanSansCN; font-family: SourceHanSansCN;
line-height: 31.26rpx; line-height: 31.26rpx;
} }
@ -18,6 +18,10 @@
} }
.view { .view {
background-color: #ffffff; background-color: #ffffff;
height: 1301.25rpx; }
border: solid 1.88rpx #000000;
::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@ -10,7 +10,6 @@ Page({
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
items: [null,null,null],
nickName: "", nickName: "",
userAvatar: "", userAvatar: "",
phoneNumber: "", phoneNumber: "",

View File

@ -281,9 +281,9 @@
<view class="flex-row items-center"> <view class="flex-row items-center">
<image <image
class="shrink-0 image_6" class="shrink-0 image_6"
src="./images/zhanghaoshezhi.png" src="./images/order.png"
/> />
<text class="font ml-5">我的订单</text> <text class="font ml-8">我的订单</text>
</view> </view>
<image <image
class="image_7" class="image_7"
@ -294,9 +294,9 @@
<view class="flex-row items-center"> <view class="flex-row items-center">
<image <image
class="shrink-0 image_6" class="shrink-0 image_6"
src="./images/zhanghaoshezhi.png" src="./images/dash.png"
/> />
<text class="font text_7 ml-5">仪表盘</text> <text class="font text_7 ml-8">仪表盘</text>
</view> </view>
<image <image
class="image_7" class="image_7"
@ -307,9 +307,9 @@
<view class="flex-row items-center"> <view class="flex-row items-center">
<image <image
class="shrink-0 image_6" class="shrink-0 image_6"
src="./images/zhanghaoshezhi.png" src="./images/setting.png"
/> />
<text class="font text_8 ml-5">账号设置</text> <text class="font text_8 ml-8">账号设置</text>
</view> </view>
<image <image
class="image_7" class="image_7"