This commit is contained in:
许允枞 2025-04-09 10:05:29 +08:00
parent c29ddaf254
commit 31bb63fcdf
5 changed files with 23 additions and 34 deletions

View File

@ -2,7 +2,7 @@
background-color: rgba(242, 244, 248, 1); background-color: rgba(242, 244, 248, 1);
position: relative; position: relative;
width: 750rpx; width: 750rpx;
height: 4112rpx; //height: 4112rpx;
overflow: hidden; overflow: hidden;
.group_1 { .group_1 {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
@ -247,7 +247,7 @@
.group_5 { .group_5 {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
border-radius: 8px; border-radius: 8px;
height: 2870rpx; //height: 2870rpx;
width: 686rpx; width: 686rpx;
position: relative; position: relative;
margin: -30rpx 0 0 32rpx; margin: -30rpx 0 0 32rpx;

View File

@ -1,17 +1,9 @@
<template> <template>
<view class="page flex-col"> <view class="page flex-col">
<view class="group_1 flex-row"> <view style="width: 100%;background: #f4f5f6;box-sizing: border-box;padding-top: 88px;">
<headers titles="课程详情">
</view> <uni-icons type="left" color="#000000" size="22px"></uni-icons>
<view class="group_2 flex-row"> </headers>
<image
class="label_1"
referrerpolicy="no-referrer"
src="/static/lanhu_kechengxiangqing/FigmaDDSSlicePNG53ddee177d4f9800624b95a9ec941112.png"
@click="goBack()"
/>
<text class="text_2">课程详情</text>
</view> </view>
<view class="group_3 flex-col"> <view class="group_3 flex-col">
<image <image
@ -41,20 +33,11 @@
<view class="group_5 flex-col"> <view class="group_5 flex-col">
<view class="section_4 flex-row justify-between"> <view class="section_4 flex-row justify-between">
<view class="block_3 flex-col"></view> <view class="block_3 flex-col"></view>
<text class="text_10">报名类型</text> <text class="text_10">课程介绍</text>
</view> </view>
<view class="image-wrapper_2 flex-row"> <view class="u-content">
<image <u-parse :content="courseDetails.remark"></u-parse>
class="image_2"
referrerpolicy="no-referrer"
src="/static/lanhu_kechengxiangqing/FigmaDDSSlicePNG156254d307fe40d6e67828fbe5adb90f.png"
/>
</view> </view>
<image
class="image_3"
referrerpolicy="no-referrer"
src="/static/lanhu_kechengxiangqing/FigmaDDSSlicePNG40a433e56593a25193fc18c2d385444f.png"
/>
</view> </view>
<view class="group_6 flex-row"> <view class="group_6 flex-row">
<view class="image-text_1 flex-col justify-between" @click="zxkf()"> <view class="image-text_1 flex-col justify-between" @click="zxkf()">
@ -75,8 +58,10 @@
import request from "@/utils/request"; import request from "@/utils/request";
import config from "@/config.js" import config from "@/config.js"
import {getLocalUserInfo, getUserInfo} from "@/utils/auth"; import {getLocalUserInfo, getUserInfo} from "@/utils/auth";
import headers from "@/components/header/headers.vue";
export default { export default {
components: {headers},
data() { data() {
return { return {
courseId: undefined, courseId: undefined,
@ -149,4 +134,8 @@ export default {
<style lang='scss'> <style lang='scss'>
@import '../common/common.scss'; @import '../common/common.scss';
@import './assets/style/index.rpx.scss'; @import './assets/style/index.rpx.scss';
.u-content{
margin-top: 20rpx;
padding: 10rpx;
}
</style> </style>

View File

@ -104,7 +104,7 @@
<view @click="changeStartPay(2)" class="dj-list"> <view @click="changeStartPay(2)" class="dj-list">
<view class="dj-list-left"> <view class="dj-list-left">
<image class="dj-list-left-img" src="../../static/imgs/yfk.png" mode=""></image> <image class="dj-list-left-img" src="../../static/imgs/yfk2.png" mode=""></image>
<view class="dj-list-left-name">线下支付</view> <view class="dj-list-left-name">线下支付</view>
</view> </view>
<view class="dj-list-right"> <view class="dj-list-right">
@ -116,7 +116,7 @@
</view> </view>
<view @click="changeStartPay(1)" class="dj-list"> <view @click="changeStartPay(1)" class="dj-list">
<view class="dj-list-left"> <view class="dj-list-left">
<image class="dj-list-left-img" src="../../static/imgs/qbdd.png" mode=""></image> <image class="dj-list-left-img" src="../../static/imgs/qbdd2.png" mode=""></image>
<view class="dj-list-left-name">微信</view> <view class="dj-list-left-name">微信</view>
</view> </view>
<view class="dj-list-right"> <view class="dj-list-right">
@ -741,7 +741,7 @@ export default {
.bm-page-button-main { .bm-page-button-main {
border-radius: 50rpx; border-radius: 50rpx;
background-color: #4aa76f; background-color: #2C78F5;
color: #fff; color: #fff;
} }
} }
@ -854,7 +854,7 @@ export default {
font-size: 22rpx; font-size: 22rpx;
.bm-page-right-zd { .bm-page-right-zd {
background-color: rgba(94, 255, 153, 0.2); background-color: #dfebff;
} }
.bm-page-right-c2 { .bm-page-right-c2 {
@ -909,8 +909,8 @@ export default {
height: 18px; height: 18px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
border: 1px solid #4aa76f; border: 1px solid #2C78F5;
background: #4aa76f; background: #2C78F5;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -926,7 +926,7 @@ export default {
width: 120px; width: 120px;
height: 35px; height: 35px;
border-radius: 4px; border-radius: 4px;
background: #4aa76f; background: #2C78F5;
color: #fff; color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
@ -949,7 +949,7 @@ export default {
.clv { .clv {
color: #fff; color: #fff;
background: #4aa76f; background: #2C78F5;
width: 26px; width: 26px;
height: 26px; height: 26px;
border-radius: 50%; border-radius: 50%;

BIN
static/imgs/qbdd2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 660 B

BIN
static/imgs/yfk2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 580 B