123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- /* ==================
- 初始化
- ==================== */
- page {
- /* Color 可以自定义相关配色 */
- /* var属性兼容性 --> https://www.caniuse.com/#feat=css-variables */
- /* 标准色 */
- --red: #e54d42;
- --orange: #f37b1d;
- --yellow: #fbbd08;
- --olive: #8dc63f;
- --green: #39b54a;
- --darkgreen: #0E9489;
- --cyan: #1cbbb4;
- --blue: #0081ff;
- --purple: #6739b6;
- --mauve: #9c26b0;
- --pink: #e03997;
- --brown: #a5673f;
- --grey: #8799a3;
- --black: #333333;
- --darkGray: #666666;
- --gray: #aaaaaa;
- --ghostWhite: #f1f1f1;
- --white: #ffffff;
- /* 浅色 */
- --redLight: #fadbd9;
- --orangeLight: #fde6d2;
- --yellowLight: #fef2ce;
- --oliveLight: #e8f4d9;
- --greenLight: #d7f0db;
- --cyanLight: #d2f1f0;
- --blueLight: #cce6ff;
- --purpleLight: #e1d7f0;
- --mauveLight: #ebd4ef;
- --pinkLight: #f9d7ea;
- --brownLight: #ede1d9;
- --greyLight: #e7ebed;
- /* 阴影透明色 */
- --ShadowSize: 6rpx 6rpx 8rpx;
- --redShadow: rgba(204, 69, 59, 0.2);
- --orangeShadow: rgba(217, 109, 26, 0.2);
- --yellowShadow: rgba(224, 170, 7, 0.2);
- --oliveShadow: rgba(124, 173, 55, 0.2);
- --greenShadow: rgba(48, 156, 63, 0.2);
- --darkgreenShadow: rgba(48, 156, 63, 0.2);
- --cyanShadow: rgba(28, 187, 180, 0.2);
- --blueShadow: rgba(0, 102, 204, 0.2);
- --purpleShadow: rgba(88, 48, 156, 0.2);
- --mauveShadow: rgba(133, 33, 150, 0.2);
- --pinkShadow: rgba(199, 50, 134, 0.2);
- --brownShadow: rgba(140, 88, 53, 0.2);
- --greyShadow: rgba(114, 130, 138, 0.2);
- --grayShadow: rgba(114, 130, 138, 0.2);
- --blackShadow: rgba(26, 26, 26, 0.2);
- background-color: var(--ghostWhite);
- font-size: 28rpx;
- color: var(--black);
- font-family: Helvetica Neue, Helvetica, sans-serif;
- }
- view,
- scroll-view,
- swiper,
- button,
- input,
- textarea,
- label{
- box-sizing: border-box;
- }
- .hide {
- display: none;
- }
- .round {
- border-radius: 5000rpx;
- }
- .radius {
- border-radius: 6rpx;
- }
- .block {
- display: block;
- }
- /* 多行文本 */
- .text-content{
- line-height: 1.6;
- }
|