浏览代码

chore(circleprogress): modify class name

eiinu 3 年之前
父节点
当前提交
30438456d6

+ 2 - 2
src/packages/__VUE/circleprogress/index.scss

@@ -1,10 +1,10 @@
 .nut-theme-dark {
-  .nut-circleprogress-text {
+  .nut-circle-progress-text {
     color: $dark-color;
   }
 }
 
-.nut-circleprogress {
+.nut-circle-progress {
   position: relative;
 
   &__hover {

+ 2 - 2
src/packages/__VUE/circleprogress/index.taro.vue

@@ -1,7 +1,7 @@
 <template>
   <div :class="classes" :style="{ height: Number(radius) * 2 + 'px', width: Number(radius) * 2 + 'px' }">
     <div :style="style"></div>
-    <div class="nut-circleprogress__text">
+    <div class="nut-circle-progress__text">
       <slot></slot>
       <span v-if="!slotDefault">{{ progress }}%</span>
     </div>
@@ -51,7 +51,7 @@ export default create({
   setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
     const classes = computed(() => {
-      const prefixCls = 'nut-circleprogress';
+      const prefixCls = componentName;
       return {
         [prefixCls]: true
       };

+ 4 - 4
src/packages/__VUE/circleprogress/index.vue

@@ -6,11 +6,11 @@
           <stop v-for="(item, index) in stop" :key="index" :offset="item.key" :stop-color="item.value"></stop>
         </linearGradient>
       </defs>
-      <path class="nut-circleprogress__path" :style="pathStyle" :d="path" fill="none" :stroke-width="strokeWidth">
+      <path class="nut-circle-progress__path" :style="pathStyle" :d="path" fill="none" :stroke-width="strokeWidth">
         >
       </path>
       <path
-        class="nut-circleprogress__hover"
+        class="nut-circle-progress__hover"
         :style="hoverStyle"
         :d="path"
         fill="none"
@@ -19,7 +19,7 @@
         :stroke-width="strokeWidth"
       ></path>
     </svg>
-    <div class="nut-circleprogress__text">
+    <div class="nut-circle-progress__text">
       <slot></slot>
       <div v-if="!slotDefault">{{ progress }}%</div>
     </div>
@@ -73,7 +73,7 @@ export default create({
     const slotDefault = !!useSlots().default;
     const refRandomId = Math.random().toString(36).slice(-8);
     const classes = computed(() => {
-      const prefixCls = 'nut-circleprogress';
+      const prefixCls = componentName;
       return {
         [prefixCls]: true
       };