浏览代码

fix: card footer插槽内容 与shopName内容水平对齐 (#1251)

* fix: card footer插槽内容 与shopName内容水平对齐

* fix: Barrage loop=false时 demo弹幕会出现undefined数据
xcc1995 3 年之前
父节点
当前提交
11601e50e6
共有 2 个文件被更改,包括 9 次插入2 次删除
  1. 8 1
      src/packages/__VUE/barrage/index.vue
  2. 1 1
      src/packages/__VUE/card/index.scss

+ 8 - 1
src/packages/__VUE/barrage/index.vue

@@ -83,7 +83,11 @@ export default create({
 
     const add = (word: string) => {
       const _index = index.value % danmuList.value.length;
-      danmuList.value.splice(_index, 0, word);
+      if (!props.loop && index.value === danmuList.value.length) {
+        danmuList.value.splice(danmuList.value.length, 0, word);
+      } else {
+        danmuList.value.splice(_index, 0, word);
+      }
     };
 
     const run = () => {
@@ -96,6 +100,9 @@ export default create({
     };
 
     const play = () => {
+      if (!props.loop && index.value >= danmuList.value.length) {
+        return;
+      }
       const _index = props.loop ? index.value % danmuList.value.length : index.value;
       let el = document.createElement(`view`);
       el.innerHTML = danmuList.value[_index] as string;

+ 1 - 1
src/packages/__VUE/card/index.scss

@@ -85,12 +85,12 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
+      margin-top: 4px;
 
       .nut-card__right__shop__name {
         line-height: 1.5;
         color: #999;
         font-size: 12px;
-        padding-top: 4px;
       }
     }
   }