美化了样式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";
const { notLogin } = require('../../../utils/util')
import { decodeBase64 } from "../../../utils/decodebase64";
// pages/course/createCourseOrder/createCourseOrder.js
Page({
@ -13,21 +14,7 @@ Page({
globalImgUrl, // 全局图片
isMaskVisible: false,
isNoticeVisible: true,
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>
`,
noticeHtml: '',
},
// 打开/关闭弹窗
@ -164,6 +151,27 @@ noop() {},
} else {
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,
})
this.getCourseDetail()
this.getCourseDesc()
},
/**

View File

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

View File

@ -6,14 +6,8 @@ const { notLogin } = require('../../../utils/util')
Page({
data: {
// 初始时置空,待接口返回后再渲染
banners: [
'./image/banner.png',
'./image/banner.png',
'./image/banner.png',
'./image/banner.png'
],
courseList: [],
bannerList: [],
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()
},

View File

@ -8,9 +8,9 @@
</view>
<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>
<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>
</block>
</swiper>

View File

@ -1,18 +1,36 @@
// pages/loginModule/employeeAccountNotice/employeeAccountNotice.js
import { baseUrl } from "../../../request";
import { decodeBase64 } from "../../../utils/decodebase64";
Page({
/**
* 页面的初始数据
*/
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-->
<view class="flex-col page">
<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 File

@ -1,15 +1,15 @@
/* pages/loginModule/employeeAccountNotice/employeeAccountNotice.wxss */
.page {
padding: 65.08rpx 42.19rpx 145.31rpx 44.06rpx;
padding: 65.08rpx 42.19rpx 150rpx 44.06rpx;
background-color: #ffffff;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
overflow: auto;
height: 100%;
}
.text {
color: #000000;
font-size: 33.75rpx;
font-weight: bold;
font-family: SourceHanSansCN;
line-height: 31.26rpx;
}
@ -18,6 +18,10 @@
}
.view {
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: {
items: [null,null,null],
nickName: "",
userAvatar: "",
phoneNumber: "",

View File

@ -281,9 +281,9 @@
<view class="flex-row items-center">
<image
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>
<image
class="image_7"
@ -294,9 +294,9 @@
<view class="flex-row items-center">
<image
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>
<image
class="image_7"
@ -307,9 +307,9 @@
<view class="flex-row items-center">
<image
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>
<image
class="image_7"