style(pages): 统一页面容器样式并调整概念新闻内容显示

- 为多个页面添加 max-width: 750rpx 和 margin: 0 auto 样式
- 统一页面容器宽度限制,提升移动端显示效果
- 调整概念新闻内容显示行数从2行改为1行
This commit is contained in:
傅光孟 2026-02-12 09:46:13 +08:00
parent 99e81b3721
commit a96b1cc6ea
7 changed files with 14 additions and 1 deletions

View File

@ -113,6 +113,8 @@ onMounted(async () => {
.container { .container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 750rpx;
margin: 0 auto;
background-color: #fff; background-color: #fff;
} }
</style> </style>

View File

@ -250,6 +250,9 @@ onLoad(async (option: any) => {
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
width: 100%;
max-width: 750rpx;
margin: 0 auto;
min-height: 100vh; min-height: 100vh;
.line { .line {

View File

@ -171,6 +171,8 @@ onMounted(async () => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
width: 100%; width: 100%;
max-width: 750rpx;
margin: 0 auto;
background-image: url("@/assets/images/page/page_1@2x.png"); background-image: url("@/assets/images/page/page_1@2x.png");
background-size: 100% auto; background-size: 100% auto;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -113,6 +113,8 @@ onMounted(async () => {
.container { .container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 750rpx;
margin: 0 auto;
background-color: #fff; background-color: #fff;
} }
</style> </style>

View File

@ -132,6 +132,8 @@ onMounted(async () => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
width: 100%; width: 100%;
max-width: 750rpx;
margin: 0 auto;
background-color: #fff; background-color: #fff;
background-image: url("@/assets/images/page/page_3@2x.png"); background-image: url("@/assets/images/page/page_3@2x.png");
background-size: 100% auto; background-size: 100% auto;

View File

@ -186,7 +186,7 @@ onMounted(async () => {
.content { .content {
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

View File

@ -215,6 +215,8 @@ onMounted(async () => {
<style scoped lang="scss"> <style scoped lang="scss">
.page-container { .page-container {
width: 100%; width: 100%;
max-width: 750rpx;
margin: 0 auto;
background-image: url("@/assets/images/page/page_2@2x.png"); background-image: url("@/assets/images/page/page_2@2x.png");
background-size: 100% auto; background-size: 100% auto;
background-repeat: no-repeat; background-repeat: no-repeat;