eoss-mobiles 0.4.0 → 0.4.2

package/packages/theme-chalk/src/form.scss

@@ -1,33 +1,107 @@
-.em-form {
-  display: flex;
-  flex-direction: column;
-  height: auto;
-  &-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    height: 0;
-  }
-  .em-form-table {
-    // margin: 10px 0px;
-  }
-  // .van-field__value,
-  // .van-field__control ,
-  // .em-date .em-input,.em-selector .em-input{
-  //   border-radius: 3px;
-  //   border: 1px solid #d9d9d9;
-  //   .van-cell {
-  //     background-color: unset;
-  //   }
-  //   .van-field__error-message {
-  //     position: absolute;
-  //     bottom: -14px;
-  //   }
-  // }
-  .van-tab__pane {
-    height: calc(100% - 10px);
-  }
-  // .van-tab__pane > div {
-  //   height: 100%;
-  // }
-}
+.em-form {
+  display: flex;
+  flex-direction: column;
+  height: auto;
+
+  &-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 0;
+  }
+
+  .em-form-table {
+    // margin: 10px 0px;
+  }
+
+  // .van-field__value,
+  // .van-field__control ,
+  // .em-date .em-input,.em-selector .em-input{
+  //   border-radius: 3px;
+  //   border: 1px solid #d9d9d9;
+  //   .van-cell {
+  //     background-color: unset;
+  //   }
+  //   .van-field__error-message {
+  //     position: absolute;
+  //     bottom: -14px;
+  //   }
+  // }
+  .van-tab__pane {
+    height: calc(100% - 10px);
+  }
+
+  // .van-tab__pane > div {
+  //   height: 100%;
+  // }
+}
+
+.em-custom-card {
+  padding: 10px;
+
+  .empty-tip {
+    text-align: center;
+    padding: 40px 0;
+    color: #969799;
+    font-size: 14px;
+  }
+
+  .card-item {
+    margin-bottom: 16px;
+    background: #fff;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+
+    .card-content {
+      .card-field {
+        padding: 12px 16px;
+        border-bottom: 1px solid #ebedf0;
+
+        &:last-child {
+          border-bottom: none;
+        }
+
+        .field-label {
+          font-size: 14px;
+          color: #646566;
+          margin-bottom: 8px;
+          font-weight: 500;
+        }
+
+        .field-value {
+          font-size: 14px;
+          color: #323233;
+
+          ::v-deep .van-cell {
+            padding: 0;
+
+            &::after {
+              display: none;
+            }
+          }
+
+          ::v-deep .em-input,
+          ::v-deep .em-radio-group,
+          ::v-deep .em-checkbox-group,
+          ::v-deep .em-picker {
+            label {
+              display: none;
+            }
+          }
+        }
+      }
+    }
+
+    .card-actions {
+      padding: 12px 16px;
+      text-align: right;
+      background: #f7f8fa;
+      border-top: 1px solid #ebedf0;
+    }
+  }
+
+  .add-btn-wrapper {
+    margin-top: 16px;
+  }
+}

package/packages/theme-chalk/src/grid-item.scss

@@ -1,16 +1,16 @@
-@import './common/var.scss';
-.em-grid {
-  .van-grid-item{
-    .van-info {
-      background-color: $--color-primary;
-    }
-  }
-  .em-grid-ellipsis .van-grid-item__text{
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    width:100%;
-    display: block;
-    text-align: center;
-  }
-}
+@import './common/var.scss';
+.em-grid {
+  .van-grid-item{
+    .van-info {
+      background-color: $--color-primary;
+    }
+  }
+  .em-grid-ellipsis .van-grid-item__text{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width:100%;
+    display: block;
+    text-align: center;
+  }
+}

package/packages/theme-chalk/src/grid.scss

@@ -1,47 +1,47 @@
-.em-grid{
-  &-del{
-    position: absolute;
-    top: 5px;
-    right: 5px;
-  }
-  &-popup{
-    padding: 10px;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    &-label{
-      text-align: center;
-      font-size: 16px;
-      color: #000;
-      font-weight: bold;
-      margin-bottom: 10px;
-    }
-    &-content{
-      flex:1;
-      overflow-y: auto;
-      overflow-x: hidden;
-    }
-    &-button{
-      display: flex;
-      justify-content: space-between;
-      margin-top: 10px;
-    }
-  }
-  &-select-box{
-    position: absolute;
-    top:0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0,0,0,0.6);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .van-popup{
-    border-radius: 5px;
-  }
-  .border-none .van-grid-item__content::after{
-    border:none
-  }
+.em-grid{
+  &-del{
+    position: absolute;
+    top: 5px;
+    right: 5px;
+  }
+  &-popup{
+    padding: 10px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    &-label{
+      text-align: center;
+      font-size: 16px;
+      color: #000;
+      font-weight: bold;
+      margin-bottom: 10px;
+    }
+    &-content{
+      flex:1;
+      overflow-y: auto;
+      overflow-x: hidden;
+    }
+    &-button{
+      display: flex;
+      justify-content: space-between;
+      margin-top: 10px;
+    }
+  }
+  &-select-box{
+    position: absolute;
+    top:0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0,0,0,0.6);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .van-popup{
+    border-radius: 5px;
+  }
+  .border-none .van-grid-item__content::after{
+    border:none
+  }
 }