解决了已知问题
This commit is contained in:
66
pages/findxiangqing/findxiangqing.js
Normal file
66
pages/findxiangqing/findxiangqing.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/findxiangqing/findxiangqing.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
4
pages/findxiangqing/findxiangqing.json
Normal file
4
pages/findxiangqing/findxiangqing.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText": "课程详情",
|
||||
"usingComponents": {}
|
||||
}
|
36
pages/findxiangqing/findxiangqing.wxml
Normal file
36
pages/findxiangqing/findxiangqing.wxml
Normal file
@ -0,0 +1,36 @@
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col items-start self-stretch section">
|
||||
<view class="flex-col group_2">
|
||||
<text class="self-stretch text_2">【早晚课】最全面公考资料</text>
|
||||
<text class="mt-10 self-start font_2 text_3">早7晚10 每周休一天</text>
|
||||
<view class="mt-10 flex-row items-center self-stretch group_3">
|
||||
<view class="flex-col justify-start text-wrapper"><text class="font_3 text_4">一周六天</text></view>
|
||||
<view class="flex-col justify-start text-wrapper ml-25">
|
||||
<text class="font_3 text_4 text_5">名师授课</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<text class="font_2 text_6">2025.5.10-2025.10.10 300课时</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between self-stretch group_4">
|
||||
<view class="flex-row justify-start"><text class="font">课程介绍</text></view>
|
||||
<view class="flex-row justify-start items-center text-wrapper_2"><text class="font text_7">课程表</text></view>
|
||||
<view class="flex-row justify-start text-wrapper_3"><text class="font">老师介绍</text></view>
|
||||
</view>
|
||||
<view class="self-start section_2"></view>
|
||||
<view class="flex-col self-stretch group_5">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=97efa07583f5a0d7e32dcbcbf8302ddf.png"
|
||||
/>
|
||||
<view class="flex-row justify-between section_3">
|
||||
<text class="self-start font_3 text_10">1000+人购买 500人试听</text>
|
||||
<view class="flex-row self-center">
|
||||
<view class="flex-col justify-start items-center text-wrapper_4"><text class="font text_8">购买</text></view>
|
||||
<view class="ml-14 flex-col justify-start items-center text-wrapper_5">
|
||||
<text class="font text_9">试听</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
135
pages/findxiangqing/findxiangqing.wxss
Normal file
135
pages/findxiangqing/findxiangqing.wxss
Normal file
@ -0,0 +1,135 @@
|
||||
.ml-128 {
|
||||
margin-left: 244.27rpx;
|
||||
}
|
||||
.ml-25 {
|
||||
margin-left: 47.71rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #f8f8f8;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group {
|
||||
padding: 34.35rpx 22.9rpx;
|
||||
}
|
||||
.image {
|
||||
width: 34.35rpx;
|
||||
height: 19.08rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 24.81rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 23.05rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text {
|
||||
font-size: 26.72rpx;
|
||||
line-height: 24.64rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 38.17rpx 34.35rpx 34.35rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.group_2 {
|
||||
margin-left: 7.63rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #000000;
|
||||
font-size: 30.53rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 28.61rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 0 7.63rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 3.82rpx 0;
|
||||
background-color: #fc7e0961;
|
||||
height: 22.9rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 15.27rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 14.06rpx;
|
||||
color: #e33c64;
|
||||
}
|
||||
.text_4 {
|
||||
margin:0 7.63rpx;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 14.1rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 20.99rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 23.05rpx;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.81rpx;
|
||||
width: 276.34rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.81rpx;
|
||||
width: 404.2rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 26.72rpx 76.34rpx 3.82rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
width: 101.15rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 22.81rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
margin-right: 22.9rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 78.24rpx;
|
||||
background-color: #ff5733;
|
||||
width: 91.6rpx;
|
||||
height: 5.73rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding-top: 30.53rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 100vw;
|
||||
height: 377.6081vw;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 24.81rpx 17.18rpx 15.27rpx 106.87rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text_10 {
|
||||
margin-top: 41.98rpx;
|
||||
color: #a6a6a6;
|
||||
line-height: 19.08rpx;
|
||||
text-align: center;
|
||||
width: 118.32rpx;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
padding: 22.9rpx 0 15.27rpx;
|
||||
background-color: #a5d63fcc;
|
||||
border-radius: 19.08rpx;
|
||||
width: 198.47rpx;
|
||||
height: 59.16rpx;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 22.88rpx;
|
||||
}
|
||||
.text-wrapper_5 {
|
||||
padding: 22.9rpx 0 15.27rpx;
|
||||
background-color: #ff5733cc;
|
||||
border-radius: 19.08rpx;
|
||||
width: 198.47rpx;
|
||||
height: 59.16rpx;
|
||||
}
|
||||
.text_9 {
|
||||
color: #ffffff;
|
||||
line-height: 22.65rpx;
|
||||
}
|
Reference in New Issue
Block a user