浏览代码

fix: swiper error

richard1015 5 年之前
父节点
当前提交
5bfcd8a2b0
共有 3 个文件被更改,包括 14 次插入14951 次删除
  1. 0 14943
      package-lock.json
  2. 9 4
      src/packages/avatar/demo.vue
  3. 5 4
      src/packages/swiper/index.vue

文件差异内容过多而无法显示
+ 0 - 14943
package-lock.json


+ 9 - 4
src/packages/avatar/demo.vue

@@ -20,7 +20,7 @@
     </nut-cell>
     <h2>修改背景图片</h2>
     <nut-cell>
-      <nut-avatar bg-icon bg-image="http://img30.360buyimg.com/uba/jfs/t1/84318/29/2102/10483/5d0704c1Eb767fa74/fc456b03fdd6cbab.png"></nut-avatar>
+      <nut-avatar bg-icon bg-image="https://img30.360buyimg.com/uba/jfs/t1/84318/29/2102/10483/5d0704c1Eb767fa74/fc456b03fdd6cbab.png"></nut-avatar>
     </nut-cell>
     <h2>可以修改头像的内容</h2>
     <nut-cell>
@@ -37,10 +37,15 @@ import { createComponent } from '@/utils/create';
 const { createDemo } = createComponent('avatar');
 export default createDemo({
   props: {},
-  methods: {
-    activeAvatar(event) {
+
+  setup() {
+    const activeAvatar = (event: Event) => {
       console.log('点击了头像', event);
-    }
+    };
+
+    return {
+      activeAvatar
+    };
   }
 });
 </script>

+ 5 - 4
src/packages/swiper/index.vue

@@ -16,7 +16,8 @@ import { createComponent } from '@/utils/create';
 const { create } = createComponent('swiper');
 // import 'swiper/dist/css/swiper.min.css';
 // import { reactive, onMounted } from 'vue';
-import { onMounted } from 'vue';
+import { onMounted, PropType } from 'vue';
+type PaginationType = 'bullets' | 'fraction' | 'progressbar' | 'custom';
 export default create({
   props: {
     variableClass: {
@@ -52,7 +53,7 @@ export default create({
       default: ''
     },
     paginationType: {
-      type: String,
+      type: String as PropType<PaginationType>,
       default: 'bullets'
     }
   },
@@ -77,8 +78,8 @@ export default create({
       // );
       new Swiper('.' + props.swipeid, {
         loop: props.loop,
-        slidesPerView: props.slidesPerView,
-        spaceBetween: props.spaceBetween,
+        slidesPerView: props.slidesPerView as number | 'auto',
+        spaceBetween: props.spaceBetween as number,
         //分页器
         pagination: {
           el: '.' + props.paginationClass,