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 {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 750rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -250,6 +250,9 @@ onLoad(async (option: any) => {
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: 750rpx;
|
||||
margin: 0 auto;
|
||||
min-height: 100vh;
|
||||
|
||||
.line {
|
||||
|
|
|
|||
|
|
@ -171,6 +171,8 @@ onMounted(async () => {
|
|||
<style scoped lang="scss">
|
||||
.page-container {
|
||||
width: 100%;
|
||||
max-width: 750rpx;
|
||||
margin: 0 auto;
|
||||
background-image: url("@/assets/images/page/page_1@2x.png");
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
|
|
|
|||
|
|
@ -113,6 +113,8 @@ onMounted(async () => {
|
|||
.container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 750rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -132,6 +132,8 @@ onMounted(async () => {
|
|||
<style scoped lang="scss">
|
||||
.page-container {
|
||||
width: 100%;
|
||||
max-width: 750rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
background-image: url("@/assets/images/page/page_3@2x.png");
|
||||
background-size: 100% auto;
|
||||
|
|
|
|||
|
|
@ -186,7 +186,7 @@ onMounted(async () => {
|
|||
|
||||
.content {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
|
|
|||
|
|
@ -215,6 +215,8 @@ onMounted(async () => {
|
|||
<style scoped lang="scss">
|
||||
.page-container {
|
||||
width: 100%;
|
||||
max-width: 750rpx;
|
||||
margin: 0 auto;
|
||||
background-image: url("@/assets/images/page/page_2@2x.png");
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
|
|
|
|||
Loading…
Reference in New Issue