51 lines
1016 B
Plaintext
51 lines
1016 B
Plaintext
/**app.wxss**/
|
|
@import "./styles/index.less";
|
|
|
|
page {
|
|
width: 100%;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
background: var(--color-bg);
|
|
/* 左右边距不加全局,避免全屏元素被挤 */
|
|
}
|
|
|
|
/* 需要页面标准边距的业务容器,在 WXML 根节点使用 */
|
|
.page-container {
|
|
padding-left: var(--page-padding-x);
|
|
padding-right: var(--page-padding-x);
|
|
}
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 全局 scroll-view 通用样式:同时兼容两种结构
|
|
* - page 内直接放 scroll-view:靠 height: 100% 撑满
|
|
* - page 内为 flex 列布局(header + scrollView + footer):靠 flex: 1 撑满剩余空间
|
|
*/
|
|
.scrollView {
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.arrow {
|
|
position: relative;
|
|
|
|
&::after {
|
|
position: absolute;
|
|
right: 24rpx;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
content: "";
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
border-left: 4rpx solid #b6b6b6;
|
|
border-top: 4rpx solid #b6b6b6;
|
|
transform: rotate(135deg);
|
|
}
|
|
} |