当前位置: 首页 > news >正文

网站包括什么wordpress数据库插件

网站包括什么,wordpress数据库插件,html 手机网站,中元建设集团股份有限公司网站先上效果图,图片顺序可移动,左移右移调准顺序。 代码是文心一言帮忙写的,自己稍微改造就可以用了。 首先是往左移,也就是从下标1移到下标0 ,下标2移到下标1 var imglist [‘aa’, ‘bb’, ‘cc’, ‘dd’]; function…

在这里插入图片描述
先上效果图,图片顺序可移动,左移右移调准顺序。
代码是文心一言帮忙写的,自己稍微改造就可以用了。
首先是往左移,也就是从下标1移到下标0 ,下标2移到下标1
var imglist = [‘aa’, ‘bb’, ‘cc’, ‘dd’];

function moveElementBefore(currentElement, targetElement) {
var currentIndex = imglist.indexOf(currentElement);
var targetIndex = imglist.indexOf(targetElement);

if (currentIndex < 0 || targetIndex < 0 || currentIndex == targetIndex) {
return; // currentElement not found or targetElement not found or currentElement and targetElement are the same
}

imglist.splice(currentIndex, 1); // remove currentElement from the list
imglist.splice(targetIndex <= currentIndex ? targetIndex : targetIndex - 1, 0, currentElement); // insert currentElement before targetElement
}

其次是右移,下标0移到1,下标3移到下标4
var imglist = [‘aa’, ‘bb’, ‘cc’, ‘dd’, ‘ee’, ‘ff’];

function moveElement(element, targetElement) {
var elementIndex = imglist.indexOf(element);
var targetIndex = imglist.indexOf(targetElement);

// 检查元素是否在数组中,以及目标元素是否存在
if (elementIndex < 0 || targetIndex < 0 || element === targetElement) {
return;
}

// 移动元素
imglist.splice(elementIndex, 1);
imglist.splice(targetIndex < elementIndex ? targetIndex + 1 : targetIndex, 0, element);
}

项目是uniapp写的,
html代码:

<image :src=“info” @click=“previewImg(item.imglist)” mode=“aspectFill”
style=“width:120rpx;height:120rpx;margin: 10rpx 10rpx 20rpx 0 ;border: 1px solid #ddd;”>
<view @click=“DelImg1(i,key)”>

×



<image v-else @click=“leftArrow(i,key)” src=“https://guoanju.oss-cn-shenzhen.aliyuncs.com/zhuangshi/gongdi/zsleftarrow.png” style=“width: 30rpx;height: 30rpx;”>

<image v-else @click=“rightArrow(i,key)” src=“https://guoanju.oss-cn-shenzhen.aliyuncs.com/zhuangshi/gongdi/zsrightarrow.png” style=“width: 30rpx;height: 30rpx;”>



js代码:
leftArrow(e,i){
this.moveElementBefore(e,this.infolist[e].imglist[i],this.infolist[e].imglist[i-1])
},
rightArrow(e,i){
this.moveElementAfter(e,this.infolist[e].imglist[i],this.infolist[e].imglist[i+1])
},
moveElementAfter(e,currentElement, targetElement) {
var currentIndex = this.infolist[e].imglist.indexOf(currentElement);
var targetIndex = this.infolist[e].imglist.indexOf(targetElement);
if (currentIndex < 0 || targetIndex < 0 || currentIndex == targetIndex) {
return;
}
this.infolist[e].imglist.splice(currentIndex, 1);
this.infolist[e].imglist.splice(targetIndex < currentIndex ? targetIndex + 1 : targetIndex, 0, currentElement);
},
moveElementBefore(e,currentElement, targetElement) {
var currentIndex = this.infolist[e].imglist.indexOf(currentElement);
var targetIndex = this.infolist[e].imglist.indexOf(targetElement);
if (currentIndex < 0 || targetIndex < 0 || currentIndex == targetIndex) {
return;
}
this.infolist[e].imglist.splice(currentIndex, 1);
this.infolist[e].imglist.splice(targetIndex <= currentIndex ? targetIndex : targetIndex - 1, 0, currentElement);
},

http://www.hyszgw.com/news/52591.html

相关文章:

  • 网站微信二维码悬浮泉州网站提升排名
  • 工商核名在哪个网站百度蜘蛛池自动收录seo
  • 目前流行的网站开发工具双wan路由器做网站接入
  • 精准营销的作用南昌盗网站少优化公司
  • 网站icp备案信息注册自动写作网站
  • 网站项目开发建设合同一级a做爰片2017免费网站
  • 泉州建设网站制作怎么做棋牌网站
  • 优秀网站网页设计医院网站建设医生需要做什么
  • 做弹幕视频效果的网站静态网站建设课程设计
  • 百度蜘蛛站长服务平台西安市网站建设公司
  • 做网站只有域名Wordpress老是连接不上mysql
  • 帝国CMS做的淘客网站在线种子资源库
  • 封面上的网站怎么做个人网站号备案吗
  • 建立网站ppt网络广告公司怎么做
  • 职业医生继续做学分市哪个网站15年做啥网站致富
  • 做网站难吗_挣钱吗企业建设网站的步骤是什么
  • 网站做支付按流量付费吗the7 wordpress哪个好
  • 如何建立内部网站青岛做教育的网站
  • 广州科技网站建设全屋定制设计软件有哪些
  • 公益网站建设的意义友情链接推广平台
  • 做的好看的外国网站网络媒体广告代理
  • 多语言网站建设方案大学做网站
  • 网站开发 流程图seo教程论坛
  • 建站建设流程wordpress免签约支付
  • 江西建筑培训网怎么做网站优化 sit
  • 成都网站设计优选柚v米科技西安网站挂标
  • 边境网站建设方案江苏省建设厅网站培训网
  • 网站运营做seo怎么做中英文网站
  • 怎样做微信网站wordpress投稿管理
  • wordpress安装网站源码扁平化设计网站