|
|
- /**app.wxss**/
- /* @import "./static/css/iconfont/iconfont.wxss"; */
- @import "./static/css/iconfont/iconfont.wxss";
- @import "./static//css/common.wxss";
- .container {
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- padding: 200rpx 0;
- box-sizing: border-box;
- }
- .box-sizing-border{
- box-sizing: border-box;
- }
- .position-relative{
- position: relative;
- }
- .position-absolute{
- position: absolute;
- }
- .position-fixed{
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- z-index: 99;
- }
- .position-sticky{
- position: sticky;
- }
- .d-flex{
- display: flex;
- flex-wrap: wrap;
- }
- .d-line{
- display: inline;
- }
- .d-inline-block{
- display: inline-block;
- }
- .align-center{
- align-items: center;
- }
- .justify-content-between{
- justify-content: space-between;
- }
- .bg-fff{
- background: #fff;
- }
- .bg-000{
- background: #000;
- }
- .pb-2{
- padding-bottom: 8px;
- }
- .pa-1{
- padding: 4px;
- }
- .pa-2{
- padding: 8px;
- }
- .px-2{
- padding-left: 8px;
- padding-right: 8px;
- }
- .py-2{
- padding-top: 8px;
- padding-bottom: 8px;
- }
- .py-3{
- padding-top: 12px;
- padding-bottom: 12px;
- }
-
- .ma-2{
- margin: 8px;
- }
- .ma-4{
- margin: 15px;
- }
- .mt-43{
- margin-top: 172px;
- }
- .mb-1{
- margin-bottom: 4px;
- }
- .mb-4{
- margin-bottom: 16px;
- }
- .ml-1{
- margin-left: 4px;
- }
- .ml-2{
- margin-left: 8px;
- }
-
- .border-all{
- border: 1px solid #f2f3f5;
- }
-
- .b-line{
- border-bottom: 2rpx solid #eee;
- }
- /* 文字不超过一行 */
- .text-ellipsis{
- overflow: hidden;
- width: 100%;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- /* 百分比宽度 */
- .w-50{
- width: 50%;
- }
- .w-80{
- width: 80%;
- }
- .w-100{
- width: 100%;
- }
- .height-percentage-100{
- height: 100%;
- }
- .width-percentage-100{
- width: 100%;
- }
- /* 字体大小 */
- .font-size-10{
- font-size: 10px;
- }
- .font-size-12{
- font-size: 24rpx;
- }
- .font-size-14{
- font-size: 28rpx;
- }
- .font-size-16{
- font-size: 32rpx;
- }
- .font-size-28{
- font-size: 28px;
- }
- /* 字体颜色 */
- .color-red{
- color: red;
- }
- .color-orange{
- color: #f37b1d;
- }
- .color-green{
- color: green;
- }
- .color-fff{
- color: #fff;
- }
- .color-333{
- color: #333;
- }
|