今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort。

vue-slicksort 一款功能强大的可拖拽的vue.js组件。拥有丝滑般拖拽动画效果，支持水平/垂直/网格拖拽排序。还可以自动滚动、锁定坐标系，并支持触摸。

代码片段

<SlickList :lockToContainerEdges="true"
  :pressDelay="300"
  v-model="appitems"
  helperClass="helperClass"
  class="ul"
  axis="xy"
>
  <SlickItem v-for="(item,index) in appitems" :index="index" :key="index" class="li">
    <div :class="{'add-border':isEditMenus}" class="app-border" @click="toApp(item)">
	  <img :src="item.menuIcon" class="app-icon">
	  <p>{{ item.menuName }}</p>
	  <img v-if="isEditMenus" src="@/assets/del.png" class="del" @click.stop="delApp(item,index)">
    </div>
  </SlickItem>
</SlickList>
<div class="notice">以上应用展示在首页</div>

1、单次定时器

语法：

 // 单次定时器，只能执行一次
 setTimeout(function () { },time);
 // - 参数1：function 必需。函数，过time时间之后执行的业务逻辑。
 // - 参数2：time 可选。执行或调用 function 需要等待的时间，以毫秒ms计。默认为 0。1s=1000ms
 
 // 清除setTimeout单次定时器
 clearTimeout(定时器名称);

预想效果

初次设置样式

实际效果

.tupianbx img{
max-width: 800px;
height:auto;
width:expression(this.width > 800 ? "800px" : this.width);
}

<div class="tupianbx"> 内容部分可以出现表格table<img >照样可以控制</div>

前言

在Web应用开发中，图片的展示和交互体验至关重要，特别是在电子商务、社交网络等领域。Element UI作为Vue.js生态中最受欢迎的UI组件库之一，提供了丰富的组件以满足不同的需求。虽然Element UI本身没有专门针对图片放大的组件，但我们可以结合其提供的基础组件和一些自定义逻辑，轻松实现图片的放大缩小功能。本文将详细介绍如何在Element UI中实现这一功能，并通过代码示例和源码解析，帮助你更好地理解和应用。

WordPress文章中添加自适应表格，前面写文章的时候需要用到表格来表达阵列信息，但是在WordPress添加表格不想是在office中那样方便，需要借助插件或者代码才可以实现，今天分享一个不需要安装插件纯代码实现WordPress文章中添加自适应表格的方法，表格可以实现文字字体居中色彩属性、自定义行数列数、插入图片等操作。

教程开始

WordPress编辑文章切换到文本编辑模式，将下面代码添加进去，并修改其中的文字：

要使用 display: grid