5 changed files with 303 additions and 4 deletions
@ -0,0 +1,89 @@ |
|||||||
|
// pages/home/index.js
|
||||||
|
Page({ |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面的初始数据 |
||||||
|
*/ |
||||||
|
data: { |
||||||
|
authorize: false, |
||||||
|
canIUseGetUserProfile: false |
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面加载 |
||||||
|
*/ |
||||||
|
onLoad: function (options) { |
||||||
|
|
||||||
|
}, |
||||||
|
getUserInfoProfile(){ |
||||||
|
wx.getUserProfile({ |
||||||
|
lang: 'zh_CN', |
||||||
|
desc: '需要获取您的信息用来展示', |
||||||
|
success: res => { |
||||||
|
console.log(res) |
||||||
|
uni.showLoading({ |
||||||
|
title: '登录中', |
||||||
|
}) |
||||||
|
|
||||||
|
}, |
||||||
|
}) |
||||||
|
}, |
||||||
|
toDetial(){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/goodsDetail/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
toCompany(){ |
||||||
|
wx.navigateTo({ |
||||||
|
url: '/pages/companyInfo/index', |
||||||
|
}) |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||||
|
*/ |
||||||
|
onReady: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面显示 |
||||||
|
*/ |
||||||
|
onShow: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面隐藏 |
||||||
|
*/ |
||||||
|
onHide: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 生命周期函数--监听页面卸载 |
||||||
|
*/ |
||||||
|
onUnload: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||||
|
*/ |
||||||
|
onPullDownRefresh: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 页面上拉触底事件的处理函数 |
||||||
|
*/ |
||||||
|
onReachBottom: function () { |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 用户点击右上角分享 |
||||||
|
*/ |
||||||
|
onShareAppMessage: function () { |
||||||
|
|
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": {}, |
||||||
|
"navigationStyle": "custom" |
||||||
|
} |
||||||
@ -0,0 +1,64 @@ |
|||||||
|
<!--pages/home/index.wxml--> |
||||||
|
<view class="home-page"> |
||||||
|
<view class="top-box"> |
||||||
|
<image src="../../images/top-bg.png"></image> |
||||||
|
<view class="top-content"> |
||||||
|
<view class="title-box"> |
||||||
|
<image src="../../images/title.png"></image> |
||||||
|
<view class="tosee-btn">点击查看</view> |
||||||
|
</view> |
||||||
|
<image src="../../images/ts.png" class="tisheng"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="teacher-introduce-box"> |
||||||
|
<view class="t-box acea-row row-middle"> |
||||||
|
<view>名师介绍</view> |
||||||
|
<image src="../../images/lh-icon.png"></image> |
||||||
|
</view> |
||||||
|
<view class="teacher-item acea-row"> |
||||||
|
<view class="item-l"> |
||||||
|
<image src="../../images/header.png"></image> |
||||||
|
<view class="name">刘朗菘,字瑞蓢</view> |
||||||
|
</view> |
||||||
|
<view class="introduce"> |
||||||
|
<view class="tips">国学文化传播导师 当代民间隐士 武术练养家</view> |
||||||
|
<view class="desc">湖北省文化产业商会常务副会长、传统文化专业委员会主任、国际易学研究院“中国易理策划名师”、“中国名师讲师” |
||||||
|
“东方智慧国学风云人物终身推广者”。</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="teacher-item acea-row flexR"> |
||||||
|
<view class="item-l"> |
||||||
|
<image src="../../images/header.png"></image> |
||||||
|
<view class="name">刘朗菘,字瑞蓢</view> |
||||||
|
</view> |
||||||
|
<view class="introduce"> |
||||||
|
<view class="tips">国学文化传播导师 当代民间隐士 武术练养家</view> |
||||||
|
<view class="desc">湖北省文化产业商会常务副会长、传统文化专业委员会主任、国际易学研究院“中国易理策划名师”、“中国名师讲师” |
||||||
|
“东方智慧国学风云人物终身推广者”。</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="course-introduce-box"> |
||||||
|
<view class="t-box acea-row row-middle"> |
||||||
|
<view>课程介绍</view> |
||||||
|
<image src="../../images/lh-icon.png"></image> |
||||||
|
</view> |
||||||
|
<view class="course-item"> |
||||||
|
<view class="course-name"> |
||||||
|
<image src="../../images/title-bg.png"></image> |
||||||
|
<text>传统武术</text> |
||||||
|
</view> |
||||||
|
<view class="introduce"> 中国武术不仅是一种中国传统的体育运动形式，而且是一个完整的文化意识形态，它涵容了中国古典哲学、伦理学、美学，医学、兵学等中国传统文化的各种成分和要素，渗透着中国传统文化的精髓。武术具有极其广泛的群众基础，是中国人民在长期的社会实践中不断积累和丰富起来的一项宝贵的文化遗产 </view> |
||||||
|
</view> |
||||||
|
<view class="course-item"> |
||||||
|
<view class="course-name"> |
||||||
|
<image src="../../images/title-bg.png"></image> |
||||||
|
<text>传统武术</text> |
||||||
|
</view> |
||||||
|
<view class="introduce"> 中国武术不仅是一种中国传统的体育运动形式，而且是一个完整的文化意识形态，它涵容了中国古典哲学、伦理学、美学，医学、兵学等中国传统文化的各种成分和要素，渗透着中国传统文化的精髓。武术具有极其广泛的群众基础，是中国人民在长期的社会实践中不断积累和丰富起来的一项宝贵的文化遗产 </view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="submit-btn"> |
||||||
|
<image src="../../images/btn-bg.png"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
@ -0,0 +1,144 @@ |
|||||||
|
/* pages/home/index.wxss */ |
||||||
|
page{ |
||||||
|
width: 100%; |
||||||
|
background: #343434; |
||||||
|
} |
||||||
|
.home-page{ |
||||||
|
background: #343434; |
||||||
|
} |
||||||
|
.top-box{ |
||||||
|
width: 100%; |
||||||
|
height: 1160rpx; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.top-box image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
position: absolute; |
||||||
|
} |
||||||
|
.top-content{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
position: absolute; |
||||||
|
z-index: 3; |
||||||
|
padding-top: 180rpx; |
||||||
|
padding-left: 40rpx; |
||||||
|
} |
||||||
|
.top-content .tisheng{ |
||||||
|
width: 316rpx; |
||||||
|
height: 760rpx; |
||||||
|
} |
||||||
|
.title-box{ |
||||||
|
width: 100%; |
||||||
|
height: 80rpx; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.title-box image{ |
||||||
|
width: 434rpx; |
||||||
|
height: 74rpx; |
||||||
|
margin-right: 16rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.tosee-btn{ |
||||||
|
width: 134rpx; |
||||||
|
height: 54rpx; |
||||||
|
border: 2rpx solid #986F43; |
||||||
|
border-radius: 28rpx; |
||||||
|
text-align: center; |
||||||
|
line-height: 54rpx; |
||||||
|
color: #986F43; |
||||||
|
font-size: 24rpx; |
||||||
|
position: absolute; |
||||||
|
left: 456rpx; |
||||||
|
top: 20rpx; |
||||||
|
} |
||||||
|
.teacher-introduce-box,.course-introduce-box{ |
||||||
|
width: 100%; |
||||||
|
padding: 20rpx 40rpx; |
||||||
|
background: #343434; |
||||||
|
} |
||||||
|
.teacher-item{ |
||||||
|
margin-bottom: 76rpx; |
||||||
|
} |
||||||
|
.item-l image{ |
||||||
|
width: 240rpx; |
||||||
|
height: 240rpx; |
||||||
|
} |
||||||
|
.item-l .name{ |
||||||
|
font-size: 36rpx; |
||||||
|
color: #987A59; |
||||||
|
font-weight: 500; |
||||||
|
margin-top: 24rpx; |
||||||
|
} |
||||||
|
.teacher-introduce-box .introduce{ |
||||||
|
width: 400rpx; |
||||||
|
margin-left: 20rpx; |
||||||
|
font-size: 24rpx; |
||||||
|
color: #E5E5E5; |
||||||
|
} |
||||||
|
.introduce .tips{ |
||||||
|
font-size: 36rpx; |
||||||
|
color: #fff; |
||||||
|
margin-bottom: 24rpx; |
||||||
|
} |
||||||
|
.flexR{ |
||||||
|
flex-direction: row-reverse; |
||||||
|
} |
||||||
|
.course-item{ |
||||||
|
width: 100%; |
||||||
|
background: #171414; |
||||||
|
border-radius: 32rpx; |
||||||
|
padding: 32rpx 24rpx; |
||||||
|
position: relative; |
||||||
|
margin-bottom: 80rpx; |
||||||
|
} |
||||||
|
.course-name{ |
||||||
|
width: 400rpx; |
||||||
|
height: 76rpx; |
||||||
|
position: absolute; |
||||||
|
font-size: 32rpx; |
||||||
|
color: #363636; |
||||||
|
text-align: center; |
||||||
|
line-height: 76rpx; |
||||||
|
left: 50%; |
||||||
|
top: -38rpx; |
||||||
|
transform: translateX(-50%); |
||||||
|
} |
||||||
|
.course-name image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
} |
||||||
|
.course-name text{ |
||||||
|
position: absolute; |
||||||
|
left: 50%; |
||||||
|
top: 50%; |
||||||
|
transform: translate(-50%,-50%); |
||||||
|
z-index: 3; |
||||||
|
} |
||||||
|
.course-item .introduce{ |
||||||
|
font-size: 24rpx; |
||||||
|
color: #707070; |
||||||
|
line-height: 34rpx; |
||||||
|
margin-top: 12rpx; |
||||||
|
text-indent: 1em; |
||||||
|
} |
||||||
|
.t-box{ |
||||||
|
color: #987A59; |
||||||
|
font-size: 40rpx; |
||||||
|
margin-bottom: 40rpx; |
||||||
|
} |
||||||
|
.t-box image{ |
||||||
|
width: 64rpx; |
||||||
|
height: 64rpx; |
||||||
|
margin-left: 8rpx; |
||||||
|
} |
||||||
|
.submit-btn { |
||||||
|
width: 100%; |
||||||
|
height: 156rpx; |
||||||
|
} |
||||||
|
.submit-btn image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
Loading…
Reference in new issue