style: 添加pic-icon.scss

apps/bigmember_pc/src/App.vue

@@ -33,6 +33,7 @@ export default {
 <style lang="scss">
 @import '~@/assets/style/common.scss';
 @import '~@/assets/style/uno.common.scss';
+@import '~@/assets/style/pic-icon.scss';
 @import '~@/assets/style/reset-ele.scss';
 @import '~@/assets/style/reset-qiankun.scss';
 

apps/bigmember_pc/src/assets/style/pic-icon.scss

@@ -0,0 +1,53 @@
+.j-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+}
+
+.j-icon-base {
+  background-color: transparent;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
+// 选择器前的 checkbox，需要添加 j-icon 基类
+// .checkbox {
+//   border: 1px solid #ddd;
+//   border-radius: 50%;
+//   -webkit-appearance: none;
+//   background: #fff;
+//   &:checked,
+//   &.checked {
+//     border: 0;
+//     background: url(~@/assets/image/icon/checkbox-checked.png) no-repeat center;
+//     background-size: 100% 100%;
+//     &[disabled] {
+//       border: 0;
+//       background: url(~@/assets/image/icon/checkbox-disabled.png) no-repeat center;
+//       background-size: 100% 100%;
+//     }
+//   }
+
+//   &.half {
+//     border: 0;
+//     background: url(~@/assets/image/icon/checkbox-checked-half.png) no-repeat center;
+//     background-size: 100% 100%;
+//     &[disabled] {
+//       background: url(~@/assets/image/icon/checkbox-checked-half-disabled.png) no-repeat center;
+//     }
+//   }
+  
+//   &.transparent {
+//     &:checked,
+//     &.checked {
+//       border: 0;
+//       background: url(~@/assets/image/icon/checkbox-transparent-checked.png) no-repeat center;
+//       background-size: 100% 100%;
+//     }
+//   }
+// }
+
+.icon-vip-mark {
+  background-image: url(~@/assets/images/icon/vip.png);
+}