123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- /* 普通文本样式 */
- .containe {
- padding: 5px 5px; /* 调整容器的内边距,减小文字与容器的距离 */
- line-height: 1; /* 调整行高,控制文字的垂直间距 */
- margin-bottom: 2px;
- }
- .sub-title {
- font-size: 14px;
- font-weight:700;
- }
- .regular-text {
- font-size: 14px; /* 设置字体大小 */
- color: #333333;
- }
- /* 父容器样式 */
- .container {
- display: flex;
- flex-direction: column; /* 垂直排列 */
- align-items: center; /* 居中对齐 */
- padding: 1px 0; /* 增加上下内边距 */
- margin: 1px 20px 2px 20px; /* 增加顶部外边距 */
- }
- .containes {
- padding-bottom: 100px;
- }
- /* 按钮样式 */
- .full-width-button {
- width: 100%; /* 按钮占满宽度 */
- padding: 5px 0; /* 按钮内边距,控制高度 */
- margin: 10px 0; /* 按钮间距 */
- background-color: #3EC01E; /* 按钮背景颜色 */
- color: white; /* 按钮文字颜色 */
- font-size: 18px; /* 按钮文字大小 */
- border: none; /* 去除按钮边框 */
- outline: none; /* 去除焦点边框 */
- text-align: center; /* 文字居中 */
- border-radius: 5px; /* 圆角效果 */
- }
- /* 按钮点击效果 */
- .full-width-button:active {
- background-color: #299A0C; /* 按下按钮时的颜色变化 */
- }
- .navigat-arrow {
- padding: 15px;
- width: 650rpx;
- height: 350rpx;
- }
|