mobileclient/packkey/style.css

150 lines
1.9 KiB
CSS
Raw Normal View History

2024-02-21 16:54:10 +08:00
/* 公用css */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
2024-02-23 14:22:16 +08:00
html,
body {
min-height: 100%;
}
body {
-webkit-user-select: none;
user-select: none;
}
a,
img {
-webkit-touch-callout: none;
}
body {
background-color: #f5f5f9;
}
body.am-bg-white {
background-color: #fff;
}
body,
input,
textarea,
select,
button {
font-size: 16px;
line-height: 1.5;
color: #333;
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
input {
line-height: normal;
}
a {
color: #0af;
text-decoration: none;
}
.fn-clear:after {
content: "\0200";
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
}
.fn-hide {
display: none;
}
.fn-left {
float: left;
}
.fn-right {
float: right;
}
.am-fixed {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 99;
width: 100%;
}
.am-fixed-bottom {
top: inherit;
bottom: 0;
}
.user-select {
-webkit-user-select: auto;
user-select: auto;
}
2024-02-21 16:54:10 +08:00
#app {
width: 100%;
min-height: 100vh;
background-color: #f6f6f6;
2024-02-23 14:22:16 +08:00
padding-bottom: 1rem;
}
.demo-swiper.swiper-container {
overflow: hidden;
2024-02-21 16:54:10 +08:00
}
2024-02-23 14:22:16 +08:00
.demo-swiper .swiper-slide {
width: 3.75rem;
height: 3.75rem;
2024-02-21 16:54:10 +08:00
background-color: #bbb;
}
.swiper-slide img {
width: 100%;
}
2024-02-21 19:18:50 +08:00
.use-mark {
2024-02-21 16:54:10 +08:00
padding-top: 1px;
2024-02-23 14:22:16 +08:00
margin: 0.08rem auto 0 auto;
2024-02-21 16:54:10 +08:00
}
2024-02-21 19:18:50 +08:00
.use-mark img {
2024-02-21 16:54:10 +08:00
width: 100%;
}
.footer {
2024-02-23 14:22:16 +08:00
width: 3.75rem;
height: 0.9rem;
2024-02-21 16:54:10 +08:00
background-color: #ffffff;
text-align: center;
position: fixed;
bottom: 0;
2024-02-23 14:22:16 +08:00
padding-top: 0.05rem;
2024-02-21 16:54:10 +08:00
display: flex;
justify-content: center;
}
.footer-btn {
2024-02-23 14:22:16 +08:00
width: 3.43rem;
height: 0.44rem;
2024-02-21 16:54:10 +08:00
background: #437fff;
2024-02-23 14:22:16 +08:00
border-radius: 0.44rem;
2024-02-21 16:54:10 +08:00
border: none;
color: #fff;
2024-02-23 14:22:16 +08:00
font-size: 0.16rem;
2024-02-22 14:05:53 +08:00
font-weight: 600;
}
/* 样式禁用状态下的按钮 */
.footer-btn[disabled] {
/* 可根据需要添加其他样式,如改变背景色、文本颜色等 */
background-color: #d7d7d7;
color: #333333;
2024-02-21 16:54:10 +08:00
}