组件

components/bussiness/charts/lr-chart-hline.vue

+<!-- 饼状图组件 -->
+<template>
+  <section class="lr-chart-pie">
+      
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    tapList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.lr-chart-pie {
+  margin-top: 0;
+}
+</style>

components/bussiness/charts/lr-chart-pie.vue

+<!-- 饼状图组件 -->
+<template>
+  <section class="lr-chart-pie">
+      
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    tapList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.lr-chart-pie {
+  margin-top: 0;
+}
+</style>

components/bussiness/charts/lr-chart-vline.vue

+<!-- 饼状图组件 -->
+<template>
+  <section class="lr-chart-pie">
+      
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    tapList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.lr-chart-pie {
+  margin-top: 0;
+}
+</style>

components/common/common-header.vue

+<!-- 头部组件 -->
+<template>
+  <section class="common-header" :style="{'background-color': bgColor}">
+      <img src="" @click="back"/>
+      <span></span>
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: '项目名称'
+    },  
+    bgColor: {
+      type: String,
+      default: '#fff'
+    }
+  },
+  methods: {
+    back() {
+      if( true ) {
+        this.$router.history(-1);
+      } else {
+        this.$rocNative.back();
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.common-header {
+  margin-top: px2rem(60px);
+}
+</style>

components/common/Loading.vue → components/common/common-loading.vue

  <template>
-	<div class="loader loader--style3" title="2">
+	<div class="common-loader loader--style3" title="2">
         <div class="loader-mask"></div>
         <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
             width="40" height="40" viewBox="0 0 60 60" style="enable-background:new 0 0 80 80;" xml:space="preserve">
@@ -19,7 +19,7 @@
 
 <style lang="scss" scoped>
     @import '@/assets/style/mixin';
-    .loader {
+    .common-loader {
         &-mask {
             position: fixed;
             top: 0;

components/common/common-show-all.vue

+<template>
+  <section class="common-show-all" >
+    <span :class="{'margin-top15': needMarginTop}" @click="showAllItem">{{btnText}}</span>
+  </section>
+</template>
+<script>
+
+export default {
+  data() {
+    return {
+      
+    }
+  },
+  props: {
+    needMarginTop: {
+      type: Boolean,
+      default: false
+    },
+    btnText: {
+      type: String,
+      default: '查看全部'
+    },
+    itemIndex: {
+      type: String,
+      default: '0'
+    }
+  },
+  methods: {
+    showAllItem() {
+      this.$emit('showAllItem')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+// @import '@/assets/style/global';
+.common-show-all {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: px2rem(6px);
+  span {
+    display: inline-block;
+    width: px2rem(345px);
+    height: px2rem(40px);
+    line-height: px2rem(40px);
+    margin-bottom: px2rem(15px);
+    text-align: center;
+    border-radius: px2rem(22px);
+    color: #676869;
+    background: #F8F9FA;
+  }
+  .margin-top15 {
+    margin-top: px2rem(15px);
+  }
+}
+
+</style>

components/common/common-simple.vue

+<!-- Tabs组件 -->
+<template>
+  <section class="common-tabs">
+      
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    tapList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.common-tabs {
+  margin-top: 0;
+}
+</style>

components/common/common-swiper-item.vue

+<!-- Swipter的子组件 -->
+<template>
+  <section class="common-swiper-item">
+      
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    itemData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.common-swiper-item {
+  margin-top: 0;
+}
+</style>

components/common/common-tabs.vue

+<!-- Tabs组件 -->
+<template>
+  <section class="common-tabs">
+      
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    tapList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.common-tabs {
+  margin-top: 0;
+}
+</style>

components/common/common-tips.vue

+<!-- Tabs组件 -->
+<template>
+  <section class="common-tips">
+      
+  </section>
+</template>
+<script>
+export default {
+  props: {
+    tipList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/mixin';
+@import '@/assets/style/global';
+.common-tabs {
+  margin-top: 0;
+}
+</style>