init

common/style/layout.styl

@@ -0,0 +1,184 @@
+@import 'mixin.styl';
+page {
+    background-color: #F5F5F5 !important;
+    min-height: 100% !important;
+    height: 100% !important;
+}
+uni-page-body {
+	background-color: #F5F5F5 !important;
+	min-height: 100% !important;
+	height: 100% !important;
+}
+
+/** iconfont */
+@font-face {
+  font-family: 'iconfont';
+  src: url('@/static/iconfont/iconfont.woff2?t=1628753103983') format('woff2'),
+       url('@/static/iconfont/iconfont.woff?t=1628753103983') format('woff'),
+       url('@/static/iconfont/iconfont.ttf?t=1628753103983') format('truetype');
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16rem;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.open_icon::before {
+	content: '\ec0c'
+}
+
+/** 内容 */
+.content {
+	width: 100%;
+	height: 100%;
+	padding: 0 24rpx;
+}
+.container
+	_wh(100%, calc(100% - 110rpx))
+.grid-wraper
+	_wh(100%, 100%)
+	padding-top 15rpx
+	overflow-y scroll
+.slide_new
+  table
+    table-layout fixed
+    min-width 100%
+    border-collapse separate
+    border-spacing 0
+    border 0
+    td, th
+      box-sizing border-box
+      overflow hidden
+      white-space nowrap
+      text-overflow ellipsis
+      white-space nowrap
+      padding 0 20rpx
+      border-bottom 10rpx solid #f5f5f5
+      &:first-child
+        position sticky
+        left 0
+    thead
+      tr
+        th
+          position sticky
+          top 0
+          background #d7d7d7
+          _font(26rpx, 98rpx, #696969, bold)
+          &:first-child
+            z-index 1
+            background #d7d7d7
+    tbody
+      tr
+        td
+          _font(28rpx, 98rpx, #323232)
+          background #fff
+
+/** 按钮 **/
+.btn {
+	font-size: 28rpx;
+	line-height: 60rpx;
+	color: #fff;
+	text-align: center;
+	padding: 0 2rpx;
+	background-color: #e74f1a;
+	border-radius: 5px;
+	cursor: pointer;
+}
+.btn&:disabled {
+	background-color: #c9c9c9 !important
+}  
+.btn-disabled {
+	background-color: #c9c9c9 !important
+}
+/** 提交栏 **/
+.submit-bar
+	_fj()
+	position fixed
+	bottom 0
+	left 0
+	width 100%
+	background-color #fff
+	box-shadow 0 0 20px 0 rgba(160,160,160,0.9)
+.submit-button
+	flex: 1;
+	_font(28rpx,80rpx,#fff,,center);
+	margin: 15rpx;
+	background-color: $red;
+  
+/** 弹窗 */
+.msg_wrapper
+  position fixed
+  top 0
+  bottom 0
+  left 0
+  right 0
+  text-align center
+  z-index 100
+  &::after
+    content ""
+    display inline-block
+    height 100%
+    width 0
+    vertical-align middle
+.msg_box
+  display inline-block
+  width 90%
+  max-width 420px
+  padding 20rpx
+  vertical-align middle
+  background-color #fff
+  border-radius 4px
+  border 1px solid #ebeef5
+  box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
+  overflow hidden
+  backface-visibility hidden
+.input_item
+  width 100%
+  height 70rpx
+  border-radius 4px
+  border 1px solid #DCDFE6
+  _font(28rpx,70rpx,#606266)
+  padding 0 10px
+.mask
+  position fixed
+  top 0
+  left 0
+  width 100%
+  height 100%
+  opacity .2
+  background #000
+  z-index 99
+.msg_item
+	_fj()
+	height 70rpx
+	line-height 70rpx
+	margin-bottom 30rpx
+.msg_txt
+	_font(32rpx,70rpx,#333)
+.label_item
+  width 150rpx
+  _font(32rpx,70rpx,#333)
+.from_item
+  width calc(100% - 160rpx)
+  _font(28rpx,70rpx,#606266)
+.msg_btns
+  height 70rpx
+  line-height 70rpx
+  width 100%
+  max-width 300px
+  margin 40rpx auto 0
+  _fj()
+.msg_btn
+  width 160rpx
+  height 70rpx
+  line-height 70rpx
+  font-size 28rpx
+  color #fff
+  background-color #d7592f
+  border-radius 5px
+  text-align center
+  &:disabled
+    background-color $gray
+.uni-select__input-placeholder,.uni-select__selector-empty, .uni-select__selector-item
+	font-size 28rpx !important