I want to use the Cell Swipe component for the mint ui of vue, but half of it is displayed in the list before the left slide on the right. How to solve it?

problem description

I want to use the Cell Swipe component for the mint ui of vue, but half of it is displayed in the list before the left slide on the right. How to solve it?

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)
< mt-cell-swipe

            title=""
          :right="delBtn">
          <div class="img"><img src="../../images/nimg130_1.png"></div>
            <div class="name"></div>
        </mt-cell-swipe>

created () {

    this.delBtn=[
        {
      content: "",
      style: { background: "-sharpfb1832", color: "-sharpfff"},
      handler: () => this.$messagebox("delete")
    }
    ]
},

what result do you expect? What is the error message actually seen?

Sep.24,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8ba1b-46e36.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8ba1b-46e36.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?