feat(WechatSmallProject): 新增 微信小程序 课程(包含实验1-4)
This commit is contained in:
53
WechatSmallProject/test1/pages/demo1/demo1.wxss
Normal file
53
WechatSmallProject/test1/pages/demo1/demo1.wxss
Normal file
@@ -0,0 +1,53 @@
|
||||
.demo1-container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.lbt {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
}
|
||||
|
||||
swiper-item {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
swiper-item>image {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.jgg {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.jgg .items {
|
||||
width: 33.33%;
|
||||
height: 33.33%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.jgg .items>image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
.jgg .items:nth-child(3) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.jgg .items:nth-last-child(6) {
|
||||
border-bottom: none;
|
||||
}
|
||||
Reference in New Issue
Block a user