提交

src/static/index.scss

@@ -0,0 +1,3 @@
+page {
+  color: $uni-color-primary;
+}

src/static/style/app.scss

@@ -0,0 +1,429 @@
+/*每个页面公共css */
+page {
+	background: #f4f4f4;
+	color: #383838;
+	font-size: 26rpx;
+}
+/* image{
+    background: skyblue;
+} */
+image,
+video {
+	display: block;
+}
+image{will-change: transform}
+/*字体颜色*/
+.cor_fff {
+	color: #fff;
+}
+.cor_000 {
+	color: #000;
+}
+.cor_red {
+	color: #eb3831;
+}
+.cor_333 {
+	color: #333;
+}
+.cor_666 {
+	color: #666;
+}
+.cor_999 {
+	color: #999;
+}
+.cor_ccc {
+	color: #ccc;
+}
+.cor_eee{
+	color: #eee;
+}
+.cor_text {
+	color: #262626;
+}
+.cor_38{
+	color: #383838;
+}
+.cor_8c {
+	color: #8c8c8c;
+}
+.cor_80 {
+	color: #808080;
+}
+.cor_A6 {
+	color: #A6A6A6;
+}
+.cor_theme {
+	color: $uni-color-primary !important;
+}
+.cor_blue {
+	color: #43aefd;
+}
+.bk_theme {
+	background-color: $uni-color-primary !important;
+	color: #fff !important;
+}
+
+.fwb {
+	font-weight: bold;
+}
+
+/**图片大小**/
+.img16 {
+	width: 16rpx;
+	height: 16rpx;
+}
+
+.mt70 {
+	margin-top: 70rpx;
+}
+.mt80 {
+	margin-top: 80rpx;
+}
+.mt90 {
+	margin-top: 90rpx;
+}
+
+.mr60 {
+	margin-right: 60rpx;
+}
+.mr70 {
+	margin-right: 70rpx;
+}
+.mr100 {
+	margin-right: 100rpx;
+}
+.m20lr {
+	margin-left: 20rpx;
+	margin-right: 20rpx;
+}
+.m30lr {
+	margin-left: 30rpx;
+	margin-right: 30rpx;
+}
+
+/**border**/
+.bb1 {
+	border-bottom: solid 1px #f4f4f4;
+}
+.bt1 {
+	border-top: solid 1px #eee;
+}
+.border1 {
+	border: solid 1px #eee;
+}
+.border_tb1{
+	border-bottom: solid 1px #eee;
+	border-top: solid 1px #eee;
+}
+/***背景**/
+.bk_f {
+	background-color: #fff;
+}
+.bk_f9 {
+	background-color: #f9f9f9;
+}
+.bk_f2 {
+	background-color: #f2f2f2;
+}
+.bk_rgba05 {
+	background-color: rgba(0, 0, 0, 0.5);
+}
+.bk_main {
+	background-color: #3d92e1;
+}
+.bk_blue {
+	background: skyblue;
+}
+.bk_red {
+	background-color: #ff2d17;
+}
+.bk_white {
+	background-color: #fff;
+}
+.opt5 {
+	opacity: 0.5;
+}
+
+.br_p50 {
+	border-radius: 50%;
+}
+.br_ltb{
+	border-radius: 50% 0 0 50% !important;
+}
+.br_rtb{
+	border-radius: 0 50% 50% 0 !important;
+}
+
+/**宽度**/
+.wp20 {
+	width: 20%;
+}
+.wp25 {
+	width: 25%;
+}
+.wp40 {
+	width: 40%;
+}
+.wp50 {
+	width: 50%;
+}
+.wp100 {
+	width: 100%;
+}
+
+/**高度**/
+.hp100 {
+	height: 100%;
+}
+
+/**行距**/
+.lh1 {
+	line-height: 1;
+}
+.lh50{
+	line-height: 50rpx;
+}
+/**flex 设置**/
+.df {
+	display: flex;
+}
+.fldr {
+	flex-direction: row !important;
+}
+.fldc {
+	flex-direction: column !important;
+}
+.fldrr {
+	flex-direction: row-reverse !important;
+}
+.jcsb {
+	justify-content: space-between !important;
+}
+.jcsba {
+	justify-content: space-around !important;
+}
+.jcfs {
+	justify-content: flex-start !important;
+}
+.jcc {
+	justify-content: center !important;
+}
+.jcfe {
+	justify-content: flex-end;
+}
+.fl1 {
+	flex: 1 !important;
+}
+.fw {
+	flex-wrap: wrap;
+}
+.ai-center {
+	align-items: center !important;
+}
+.ai-start {
+	align-items: flex-start;
+}
+.ai-baseline {
+	align-items: flex-end;
+}
+.ai-end {
+	align-items: flex-end;
+}
+.fls0 {
+	flex-shrink: 0;
+}
+
+/*对齐*/
+.tac {
+	text-align: center;
+}
+.tar {
+	text-align: right;
+}
+.tal {
+	text-align: left;
+}
+
+/** 其他样式 **/
+.ov {
+	overflow: hidden;
+}
+.ovya {
+	overflow-y: auto;
+}
+.bsb {
+	box-sizing: border-box;
+}
+.re {
+	position: relative;
+}
+.ab {
+	position: absolute;
+}
+.ab_full {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+}
+.fixed {
+	position: fixed;
+}
+.db {
+	display: block;
+}
+.di {
+	display: inline;
+}
+.dib {
+	display: inline-block;
+}
+.dif {
+	display: inline-flex;
+}
+.v-middle {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.h-middle {
+	position: absolute;
+	left: 50%;
+	transform: translateX(-50%);
+}
+.middle {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+.text-line-through {
+	text-decoration: line-through;
+}
+.text-underline {
+	text-decoration: underline;
+}
+.wb {
+	display: block;
+	word-break: break-all;
+	word-wrap: break-word;
+}
+.vam {
+	vertical-align: middle;
+}
+
+/*灰色分割条*/
+.gray_bar {
+	height: 20rpx;
+	background: #f5f5f5;
+}
+
+.scroll-box {
+	flex: 1;
+	height: 100%;
+	position: relative;
+}
+.content_box {
+	flex: 1;
+	overflow-y: auto;
+}
+.theme-tag {
+	display: inline-block;
+	padding: 0 25rpx;
+	height: 36rpx;
+	line-height: 36rpx;
+	border-radius: 20rpx;
+	border: 2rpx solid $uni-color-primary;
+	box-sizing: content-box;
+	font-size: 24rpx;
+	color: $uni-color-primary;
+}
+.selector {
+	position: relative;
+	padding-left: 30rpx;
+	padding-right: 20rpx;
+	height: 60rpx;
+	line-height: 60rpx;
+	border-radius: 30rpx;
+	font-size: 24rpx;
+	color: #333;
+	background-color: #fff;
+}
+.selector.actived {
+	color: $uni-color-primary;
+	border: 1rpx solid $uni-color-primary;
+	background: #e6f2ff;
+}
+
+
+.img24 {
+	width: 24px;
+	height: 24px;
+}
+
+.img36 {
+	width: 36px;
+	height: 36px;
+}
+
+.img48 {
+	width: 48px;
+	height: 48px;
+}
+
+.img50 {
+	width: 50px;
+	height: 50px;
+}
+
+.img120 {
+	width: 120px;
+	height: 120px;
+}
+
+.img140 {
+	width: 140px;
+	height: 140px;
+}
+
+.theme-bg-light {
+	background-color: $uni-color-primary;
+}
+.pt100 {
+	padding-top: 100rpx;
+}
+
+.theme-btn {
+  padding: 0 20px;
+  min-width: 250rpx;
+  height: 78rpx;
+  line-height: 80rpx;
+  text-align: center;
+  font-size: 28rpx;
+  color: #fff;
+  border-radius: 40rpx;
+  background-color: $uni-color-primary;
+}
+
+.theme-btn-light {
+  padding: 0 20px;
+  min-width: 250rpx;
+  height: 78rpx;
+  line-height: 80rpx;
+  text-align: center;
+  font-size: 28rpx;
+  color: #fff;
+  border-radius: 40rpx;
+  color: $uni-color-primary;
+  border: 1px solid $uni-color-primary;
+}
+
+.img70 {
+  width:70px;
+  height: 70px;
+}
+
+// .u-tabbar {
+//   max-height: 50px;
+// }

src/static/style/base.scss

@@ -0,0 +1,678 @@
+html,
+body,
+#app {
+  box-sizing: border-box;
+  height: 100%;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+}
+
+/* 背景 */
+.bc-000 {
+  background-color: #000;
+}
+.bc-f5 {
+  background-color: #f5f5f5;
+}
+.bc-f7 {
+  background-color: #f7f7f7;
+}
+.bc-fff {
+  background-color: #fff;
+}
+.bc-t {
+  background-color: transparent;
+}
+
+/* border */
+.border-top {
+  border-top: solid 1px #eee;
+}
+.border-bottom {
+  border-bottom: solid 1px #eee;
+}
+.border-0 {
+  border: 0px;
+}
+.border-1 {
+  border: 1px solid #eee;
+}
+.border-2 {
+  border: 2px solid #eee;
+}
+.border-3 {
+  border: 3px solid #eee;
+}
+.border-4 {
+  border: 4px solid #eee;
+}
+.border-5 {
+  border: 5px solid #eee;
+}
+
+/* 文本格式 */
+.i {
+  word-wrap: break-word;
+  text-align: justify;
+  text-justify: inter-ideograph;
+}
+
+/* 字体颜色 */
+.cor-000 {
+  color: #000000;
+}
+.cor-333 {
+  color: #333333;
+}
+.cor-666 {
+  color: #666666;
+}
+.cor-999 {
+  color: #999999;
+}
+.cor-aaa {
+  color: #aaaaaa;
+}
+.cor-ccc {
+  color: #cccccc;
+}
+.cor-ddd {
+  color: #dddddd;
+}
+.cor-fff {
+  color: #ffffff;
+}
+.cor-price {
+  color: #C03639;
+}
+
+/* 行距 */
+.lh10 {
+  line-height: 1;
+}
+.lh11 {
+  line-height: 1.1;
+}
+.lh12 {
+  line-height: 1.2;
+}
+.lh13 {
+  line-height: 1.3;
+}
+.lh14 {
+  line-height: 1.4;
+}
+.lh15 {
+  line-height: 1.5;
+}
+.lh16 {
+  line-height: 1.6;
+}
+.lh18 {
+  line-height: 1.8;
+}
+.lh20 {
+  line-height: 2;
+}
+.lh25 {
+  line-height: 2.5;
+}
+.lh30 {
+  line-height: 3;
+}
+
+/* 高度 */
+.hvh100 {
+  height: 100vh;
+  overflow: hidden;
+}
+.hp100 {
+  height: 100%;
+  overflow: hidden;
+}
+
+/* float */
+.float-l {
+  float: left;
+}
+.float-r {
+  float: right;
+}
+.clearfix-both::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+
+/* flex */
+.flex {
+  display: flex;
+}
+.fl0 {
+  flex: 0;
+}
+.fl1 {
+  flex: 1;
+}
+.fl2 {
+  flex: 2;
+}
+.fl3 {
+  flex: 3;
+}
+.fl4 {
+  flex: 4;
+}
+.fld-r {
+  flex-direction: row;
+}
+.fld-c {
+  flex-direction: column;
+}
+.fld-rr {
+  flex-direction: row-reverse;
+}
+.flw-w {
+  flex-wrap: wrap;
+}
+.fls0 {
+  flex-shrink: 0;
+}
+
+.jc-sb {
+  justify-content: space-between;
+}
+.jc-sa {
+  justify-content: space-around;
+}
+.jc-fs {
+  justify-content: flex-start;
+}
+.jc-c {
+  justify-content: center;
+}
+.jc-fe {
+  justify-content: flex-end;
+}
+
+.ai-c {
+  align-items: center;
+}
+.ai-s {
+  align-items: stretch;
+}
+.ai-fs {
+  align-items: flex-start;
+}
+.ai-fe {
+  align-items: flex-end;
+}
+
+/* 对齐 */
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+.text-left {
+  text-align: left;
+}
+
+/* display */
+.none {
+  display: none;
+}
+.block {
+  display: block;
+}
+.inline {
+  display: inline;
+}
+.inline-block {
+  display: inline-block;
+}
+
+/* 溢出 */
+.text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-ellipsis2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.text-ellipsis3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
+/* 其他 */
+.middle {
+  position: absolute;
+  z-index: 2;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.middle-y {
+  position: absolute;
+  z-index: 2;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.middle-x {
+  position: absolute;
+  z-index: 2;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.text-line-through {
+  text-decoration: line-through;
+}
+.text-underline {
+  text-decoration: underline;
+}
+.overflow-h {
+  overflow: hidden;
+}
+.overflow-y {
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.overflow-x {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.border-box {
+  box-sizing: border-box;
+}
+.content-box {
+  box-sizing: content-box;
+}
+.relative {
+  position: relative;
+  z-index: 1;
+}
+.absolute {
+  position: absolute;
+  z-index: 2;
+}
+.absolute-full {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.fixed {
+  position: fixed;
+  z-index: 9;
+}
+.break-all {
+  display: block;
+  word-break: break-all;
+  word-wrap: break-word;
+}
+.nowrap {
+  white-space: nowrap;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-b {
+  vertical-align: bottom;
+}
+
+.opacity0 {
+  opacity: 0;
+}
+.opacity1 {
+  opacity: 0.1;
+}
+.opacity2 {
+  opacity: 0.2;
+}
+.opacity3 {
+  opacity: 0.3;
+}
+.opacity4 {
+  opacity: 0.4;
+}
+.opacity5 {
+  opacity: 0.5;
+}
+.opacity6 {
+  opacity: 0.6;
+}
+.opacity7 {
+  opacity: 0.7;
+}
+.opacity8 {
+  opacity: 0.8;
+}
+.opacity9 {
+  opacity: 0.9;
+}
+.opacity10 {
+  opacity: 1;
+}
+
+/* z-index */
+.z-index-1 {
+  z-index: -1;
+}
+.z-index0 {
+  z-index: 0;
+}
+.z-index1 {
+  z-index: 1;
+}
+.z-index2 {
+  z-index: 2;
+}
+.z-index3 {
+  z-index: 3;
+}
+.z-index4 {
+  z-index: 4;
+}
+.z-index5 {
+  z-index: 5;
+}
+.z-index6 {
+  z-index: 6;
+}
+.z-index7 {
+  z-index: 7;
+}
+.z-index8 {
+  z-index: 8;
+}
+.z-index9 {
+  z-index: 9;
+}
+.z-index10 {
+  z-index: 10;
+}
+.z-index15 {
+  z-index: 15;
+}
+.z-index19 {
+  z-index: 19;
+}
+.z-index20 {
+  z-index: 20;
+}
+.z-index99 {
+  z-index: 99;
+}
+.z-index100 {
+  z-index: 100;
+}
+.z-index300 {
+  z-index: 300;
+}
+.z-index500 {
+  z-index: 500;
+}
+.z-index999 {
+  z-index: 999;
+}
+
+/* 宽度 */
+.wp20 {
+  width: 20%;
+}
+.wp23 {
+  width: 23%;
+}
+.wp24 {
+  width: 24%;
+}
+.wp25 {
+  width: 25%;
+}
+.wp30 {
+  width: 30%;
+}
+.wp31 {
+  width: 31%;
+}
+.wp32 {
+  width: 32%;
+}
+.wp33 {
+  width: 33%;
+}
+.wp40 {
+  width: 40%;
+}
+.wp45 {
+  width: 45%;
+}
+.wp48 {
+  width: 48%;
+}
+.wp49 {
+  width: 49%;
+}
+.wp50 {
+  width: 50%;
+}
+.wp60 {
+  width: 60%;
+}
+.wp70 {
+  width: 70%;
+}
+.wp80 {
+  width: 80%;
+}
+.wp85 {
+  width: 85%;
+}
+.wp90 {
+  width: 90%;
+}
+.wp95 {
+  width: 95%;
+}
+.wp100 {
+  width: 100%;
+}
+.wvw100 {
+  width: 100vw;
+}
+.wp100-i {
+  width: 100% !important;
+}
+
+/* 字体样式 */
+.arial {
+  font-family: Arial;
+}
+
+/* 字体大小 */
+@for $i from 0 through 100 {
+  .fs#{$i} {
+    font-size: $i + px;
+  }
+  .img#{$i} {
+    width: $i + px;
+    height: $i + px;
+  }
+}
+
+.fw400 {
+  font-weight: 400;
+}
+.fw500 {
+  font-weight: 500;
+}
+.fw600 {
+  font-weight: 600;
+}
+.fw700 {
+  font-weight: 700;
+}
+.fw800 {
+  font-weight: 800;
+}
+.fw900 {
+  font-weight: 900;
+}
+
+.m0a {
+  margin: 0 auto;
+}
+
+.br-p50 {
+  border-radius: 50%;
+}
+
+/* marging */
+.mt-3 {
+  margin-top: -3px;
+}
+.mt-2 {
+  margin-top: -2px;
+}
+.mt-1 {
+  margin-top: -1px;
+}
+
+.mr-3 {
+  margin-right: -3px;
+}
+.mr-2 {
+  margin-right: -2px;
+}
+.mr-1 {
+  margin-right: -1px;
+}
+
+.mr-p1 {
+  margin-right: 1%;
+}
+.mr-p2 {
+  margin-right: 2%;
+}
+.mr-p3 {
+  margin-right: 3%;
+}
+.mr-p4 {
+  margin-right: 4%;
+}
+.mr-p5 {
+  margin-right: 5%;
+}
+
+.mb-5 {
+  margin-bottom: -5px;
+}
+.mb-4 {
+  margin-bottom: -4px;
+}
+.mb-3 {
+  margin-bottom: -3px;
+}
+.mb-2 {
+  margin-bottom: -2px;
+}
+.mb-1 {
+  margin-bottom: -1px;
+}
+
+.ml-5 {
+  margin-left: -5px;
+}
+.ml-4 {
+  margin-left: -4px;
+}
+.ml-3 {
+  margin-left: -3px;
+}
+.ml-2 {
+  margin-left: -2px;
+}
+.ml-1 {
+  margin-left: -1px;
+}
+
+@for $i from 0 through 50 {
+  .m#{$i} {
+    margin: $i + px;
+  }
+  .mt#{$i} {
+    margin-top: $i + px;
+  }
+  .ml#{$i} {
+    margin-left: $i + px;
+  }
+  .mb#{$i} {
+    margin-bottom: $i + px;
+  }
+  .mr#{$i} {
+    margin-right: $i + px;
+  }
+  .m#{$i}tb {
+    margin-top: $i + px;
+    margin-bottom: $i + px;
+  }
+  .m#{$i}lr {
+    margin-left: $i + px;
+    margin-right: $i + px;
+  }
+  .p#{$i} {
+    padding: $i + px;
+  }
+  .pt#{$i} {
+    padding-top: $i + px;
+  }
+  .pl#{$i} {
+    padding-left: $i + px;
+  }
+  .pb#{$i} {
+    padding-bottom: $i + px;
+  }
+  .pr#{$i} {
+    padding-right: $i + px;
+  }
+  .p#{$i}lr {
+    padding-left: $i + px;
+    padding-right: $i + px;
+  }
+  .p#{$i}tb {
+    padding-top: $i + px;
+    padding-bottom: $i + px;
+  }
+  .br#{$i} {
+    border-radius: $i + px;
+  }
+}
+
+@for $i from -10 through 20 {
+  .top#{$i} {
+    top: $i + px;
+  }
+  .left#{$i} {
+    left: $i + px;
+  }
+  .right#{$i} {
+    right: $i + px;
+  }
+  .bottom#{$i} {
+    bottom: $i + px;
+  }
+}

src/static/style/index.scss

@@ -0,0 +1,121 @@
+
+@import '@/static/style/colorui.css';
+@import './base.scss';
+@import './app.scss';
+page {
+	-webkit-overflow-scrolling: touch; // ios滑动不流畅
+	height: 100%;
+	background: #f6f6f6;
+	width: 100%;
+	font-size: 30rpx;
+	font-family: Arial;
+	word-break: break-all; //英文文本不换行
+	white-space: normal;
+	color: $u-main-color;
+	// padding-bottom: constant(safe-area-inset-bottom);
+	// padding-bottom: env(safe-area-inset-bottom);
+	// box-sizing: content-box;
+}
+
+/* #ifdef MP-WEIXIN || APP-PLUS */
+::-webkit-scrollbar {
+	display: none;
+	width: 0 !important;
+	height: 0 !important;
+	-webkit-appearance: none;
+	background: transparent;
+	color: transparent;
+}
+/* #endif */
+
+uni-tabbar.uni-tabbar-bottom .uni-tabbar {
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+	box-sizing: content-box;
+}
+.box-safe-area {
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+	box-sizing: content-box;
+}
+
+.u-tabs .uni-scroll-view::-webkit-scrollbar {
+	width: 0;
+	height: 0;
+	color: transparent;
+	display: none !important;
+}
+
+.content-wrapper {
+	padding: 25rpx;
+}
+
+.input-placeholder {
+	font-size: 28rpx !important;
+	color: #a6a6a6 !important;
+	font-weight: 400 !important;
+}
+.uni-input-input, .uni-textarea-textarea, {
+	font-size: 28rpx;
+	color: #333;
+}
+.value-form .u-form-item__body {
+	flex-wrap: wrap !important;
+	align-items: flex-start !important;
+}
+.u-form-item__body__right__message {
+	margin-left: 0 !important;
+	text-align: center;
+}
+.u-form-item__body {
+	padding-top: 30rpx !important;
+	padding-bottom: 30rpx !important;
+	.u-form-item__body__left {
+		margin-right: 30rpx !important;
+	}
+	.u-form-item__body__right {
+		font-size: 28rpx !important;
+	}
+}
+
+.form-label {
+	font-size: 28rpx;
+	color: #666;
+	line-height: 1;
+}
+.form-value {
+	font-size: 28rpx;
+	color: #000;
+	line-height: 40rpx;
+}
+
+.u-tabs__wrapper__nav__line {
+	bottom: 0 !important;
+}
+
+.u-notice .uicon-volume {
+	font-size: 40rpx !important;
+}
+
+.uni-modal__btn_primary {
+	color: $uni-color-primary !important;
+}
+
+.u-empty__text {
+	font-size: 30rpx !important;
+}
+
+.notice .u-icon__icon {
+	color: $uni-color-primary !important;
+}
+
+.u-popup {
+  flex: none !important;
+  .u-popup__content__close {
+    padding: 15rpx;
+  }
+}
+
+input[type='password'] {
+  font-size: 14px;
+}