eric/gitlab-instance-0a899031_douyinlive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'ss'

Browse Source
This commit is contained in:
WLT\Eric.hu
2025-04-14 09:04:35 +08:00
parent 2d4147fa97
commit 18b4f451bf
2 changed files with 13 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/index/index.jsx
View File

@@ -26,7 +26,7 @@ import { AtIcon } from "taro-ui";
const Index = () => {
useEffect(() => {}, []);
return <View className="index">111</View>;
return <View className="index">11221</View>;
};
export default Index;

127
src/pages/index/index.scss
View File

@@ -1,118 +1,15 @@
.index {
width: 100vw;
height: 100vh;
@media (min-width: 1536px) {
.index {
// padding: 100px;
// height: 100vh;
position: relative;
display: flex;
flex-direction: column;
// align-items: center;
// justify-content: center;
// background-color: aqua;
transform: rotate(-90deg);
.index_book {
width: 100%;
max-width: 1400px;
// max-width: 2000px;
// padding: 20px;
display: flex;
flex-direction: row;
align-items: center;
// justify-content: center;
justify-content: space-between;
background-color: #f0f5ff;
border-radius: 20px;
.index_book_left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
// background-color: yellow;
// background-color: #69b1ff;
.card{
display: none;
}
.left_mobile {
display: none;
}
.left_btn {
display: flex;
.startRead {
// display: flex;
width: 200px;
}
}
}
.index_book_img {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
// background-color: yellow;
}
}
.group {
display: none;
}
.svgItems {
// width: 1400px;
width: 100%;
max-width: 1400px;
margin-top: 80px;
// padding: 0px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
// background-color: #69b1ff;
// background-color: yellow;
// background-color: brown;
.svgItem {
// min-width: 1400px;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
// background-color: #69b1ff;
.bookImg {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
// background-color: yellow;
.bookImg_text {
margin-top: 20px;
font-size: 30px;
}
}
}
}
.index_btn {
.startRead {
display: none;
}
}
.footer {
// position: absolute;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
// margin-bottom: 20px;
font-size: 14px;
background-color: yellow;
}
// PC 浏览器下旋转
@media (min-width: 1600px) {
position: absolute;
top: 0;
left: 0;
width: 750px; // 根据标准宽度调整
height: 1334px; // 保持竖屏比例
transform: rotate(-90deg) translate(-100vh, 0);
transform-origin: top left;
}
}