element

package-lock.json

@@ -7386,11 +7386,6 @@
       "dev": true,
       "optional": true
     },
-    "mypackage_hzh": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/mypackage_hzh/-/mypackage_hzh-1.0.0.tgz",
-      "integrity": "sha512-Wwf3U4q6/4+wjDAsuIlP8ENkTMQ9H7RcxwmJwtErNoh4JPpVarYYMeOtoJj8lbDsQ48rf3duyqzknxWX9GwXPQ=="
-    },
     "mz": {
       "version": "2.7.0",
       "resolved": "http://192.168.80.51:7001/mz/download/mz-2.7.0.tgz",
@@ -9543,6 +9538,14 @@
         "inherits": "^2.0.1"
       }
     },
+    "rp-element": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/rp-element/-/rp-element-1.0.3.tgz",
+      "integrity": "sha512-kLH8S8QdtUPc9BrLzeXT9JZOALX8xNHx3ACsMxQBnpD7WtVKF/4ZgiwbxlJ54/sTxqGmVBpHMkQkAqxxBRugNg==",
+      "requires": {
+        "vue": "^2.6.11"
+      }
+    },
     "run-async": {
       "version": "2.3.0",
       "resolved": "http://192.168.80.51:7001/run-async/download/run-async-2.3.0.tgz",

package.json

@@ -12,7 +12,7 @@
     "better-scroll": "^1.15.2",
     "echarts": "^4.9.0",
     "element-ui": "^2.14.1",
-    "mypackage_hzh": "^1.0.0",
+    "rp-element": "^1.0.4",
     "vue": "^2.6.12",
     "vue-router": "^3.4.9",
     "vuex": "^3.5.1"

src/components/UserTest.vue

@@ -4,69 +4,37 @@
 </style>
 <template>
 <div class="home-page">
-  <!-- <child @click.native="ccc"></child>
-  <a href="http://www.baidu.com" @click.prevent="ccc">xxx</a>
-  <div id="obj1" v-on:click.capture="doc">obj1
-    <div id="obj2" v-on:click.capture="doc">obj2
-        <div id="obj3" v-on:click="doc">obj3
-            <div id="obj4" v-on:click="doc">obj4</div>
-        </div>
-    </div>
-  </div> -->
-  <!-- <child>
-    <template slot-scope="xxxx">
-      <p><h1>{{xxxx.a}}</h1></p>
-    </template>
-  </child> -->
-  <!-- <component :is="'child2'"></component> -->
-  <!-- <transition>
-    <p v-if="show">hello</p>
-  </transition>
-  <button @click="show = !show">显示隐藏</button> -->
+  <SrpElement :config="config" :type="type"></SrpElement>
 </div>
 </template>
 
 <script>
-import Vue from 'vue';
-import {yo} from 'mypackage_hzh';
-// Vue.component('child',{
-//   data(){
-//     return {
-//       list:['3',5,6,89,357,3452,2352,235]
-//     }
-//   },
-//   template:`<div>
-//               <slot v-for="item in list" :a=item></slot>
-//             </div>`
-// })
-// Vue.component('child2',{
-//   data(){
-//     return {
-//     }
-//   },
-//   template:`<div>神神道道</div>`
-// })
-
+import {SrpElement} from 'rp-element';
 export default {
   name: 'UserTest',
   components: {
+    SrpElement
   },
   data () {
       return {
-        // show: true
+        config:{
+            'text': '单行文字',
+            'fillType': 'none', //背景填充类型
+            'colorPercent': 0, //背景色透明度
+            'imgPercent': 0, //背景图片透明度
+            'backgroundColor': '#fff',//背景色填充
+            'color': '#fff', //边框颜色
+            'src': '', //背景图片填充
+            'borderType': 'none', //边框类型
+            'borderSize': '1',//边框大小
+            'eleStyle': {}
+        },
+        type: 'label'
       }
   },
   created() {
-    // let x = {};
-    // let y = Object.create(x);
-    // let f = Object.getPrototypeOf(y) === y.__proto__;
-
-    // let c = [] instanceof Array;
   },
   methods: {
-    // doc(){
-    //   console.log(event.currentTarget.id)
-    // }
   }
 }
 </script>