style(pages): 统一页面容器样式并调整概念新闻内容显示
- 为多个页面添加 max-width: 750rpx 和 margin: 0 auto 样式 - 统一页面容器宽度限制,提升移动端显示效果 - 调整概念新闻内容显示行数从2行改为1行
This commit is contained in:
parent
99e81b3721
commit
a96b1cc6ea
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue