阿尔卑斯山脉的安德马特小镇,瑞士 (© Xantana/Getty Images)

Welcom to 评论 - lizhenqiu blog!

    #1

    作者:广西南宁市
    497确实是巅峰油菜
    ipzz有几部确实不错
    现在都是无脑冲濑户环奈
    桥本有菜 枫カレン 浅野こころ
    桥本有菜 小魔女教师 SSNI-497
    枫可怜 媚药觉醒绝顶 共处一室NTR IPX-811‌
    浅野心 什么样的命令都完全同意的可爱的M女仆 SONE-855
    #,广西南宁市,2026-01-18,05:18:17,
    #,广西南宁市,2026-01-18,05:39:12, 我掐指一算,感觉是YRH-097星云的三位女菩萨
    #,广西南宁市,2026-01-18,08:15:55,
    #,广西,2026-01-22,14:15:05,
    文章:php redis 学习笔记  发表时间:2026-01-18, 05:17:26  
    展开↯

    #2

    作者:广西
    文章:php redis 学习笔记  发表时间:2026-01-15, 09:16:04  
    展开↯

    #3

    作者:广西南宁市
    文章:php redis 学习笔记  发表时间:2026-01-13, 02:15:38  
    展开↯

    #4

    作者:广西南宁市
    文章:php redis 学习笔记  发表时间:2026-01-13, 02:08:22  
    展开↯

    #5

    作者:广西南宁市
    #,广西南宁市,2026-01-13,01:30:22,
    文章:php redis 学习笔记  发表时间:2026-01-13, 00:46:41  
    展开↯

    #6

    作者:广西南宁市
    PUBG.PLUS 游戏地图
    #,广西南宁市,2026-01-11,08:32:49,
    #,广西南宁市,2026-01-13,00:46:06, WAAA-325
    文章:php redis 学习笔记  发表时间:2026-01-11, 03:00:14  
    展开↯

    #7

    作者:广西
    清朝条约全集
    清朝条约全集.rar
    #,广西南宁市,2025-12-31,07:34:08,
    #,广西南宁市,2026-01-08,04:47:46, NHDTA路286次 裸の大陆特别编,2012的老番
    #,广西南宁市,2026-01-08,07:15:42,
    #,广西南宁市,2026-01-08,08:59:52,
    #,广西南宁市,2026-01-08,12:45:57,
    #,广西南宁市,2026-01-08,15:00:44,
    文章:php redis 学习笔记  发表时间:2025-12-22, 09:28:48  
    展开↯

    #8

    作者:广西南宁市
    免责声明:本站无法保证用户张贴内容的可靠性,投资有风险,健康问题请遵医嘱。
    #,广西南宁市,2025-11-16,09:07:19, 雨后夜骑,享受夜的美丽,静静欣赏圆圆的月亮
    #,广西南宁市,2025-11-16,09:14:54,
    #,广西南宁市,2025-11-16,09:40:34,
    #,广西南宁市,2025-11-16,09:43:11,
    #,广西南宁市,2025-11-18,19:14:55,
    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选择文本自定义菜单</title> <style> body { font-family: Arial, sans-serif; padding: 20px; } .custom-menu { position: fixed; background-color: #fff; border: 1px solid #ccc; padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index: 1000; } .custom-menu div { cursor: pointer; padding: 5px; } .custom-menu div:hover { background-color: #f0f0f0; } </style> </head> <body> <p>这是一段示例文本,请选择其中的部分内容以查看自定义菜单。</p> <script> document.addEventListener('selectionchange', function () { const selection = window.getSelection(); if (selection.toString().trim() !== '') { const range = selection.getRangeAt(0); const rect = range.getBoundingClientRect(); // 移除已存在的菜单 const existingMenu = document.querySelector('.custom-menu'); if (existingMenu) { document.body.removeChild(existingMenu); } // 创建自定义菜单 const menu = document.createElement('div'); menu.className = 'custom-menu'; menu.style.left = `${rect.left + window.scrollX}px`; menu.style.top = `${rect.bottom + window.scrollY}px`; // 复制选项 const copyOption = document.createElement('div'); copyOption.textContent = '复制'; copyOption.addEventListener('click', function () { navigator.clipboard.writeText(selection.toString()); document.body.removeChild(menu); }); // 分享选项 const shareOption = document.createElement('div'); shareOption.textContent = '分享'; shareOption.addEventListener('click', function () { alert('分享功能未实现'); document.body.removeChild(menu); }); // 添加选项到菜单 menu.appendChild(copyOption); menu.appendChild(shareOption); document.body.appendChild(menu); // 点击其他地方关闭菜单 document.addEventListener('click', function () { if (menu) { document.body.removeChild(menu); } }, { once: true }); } }); </script> </body> </html>
    Run code
    Cut to clipboard
      #,广西南宁市,2025-11-20,03:20:09,@4, 传说:忘了在哪看到的了:明日花就特没职业素养,搭戏的是这几个老头,表情就特敷衍死鱼一样,碰见年轻帅哥就特投入。

      只要不遇上松本一香,大概率出不了工伤

      德田重男
      出来赚钱的,还能挑客人:、:

      工作缠身,GVH,来晚了,722
      应该是gvh望月这部715吧
      #,广西南宁市,2025-11-20,03:21:00,
      #,广西南宁市,2025-11-21,02:07:19, https://bujiwang.com/#new
      #,广西南宁市,2025-11-28,17:11:56, 有个古早的软涩情系列叫action girls
      #,广西南宁市,2025-11-28,17:21:46,
      #,广西南宁市,2025-11-28,18:00:15,
      #,广西南宁市,2025-12-11,00:26:00, Anna Delos

      #,广西,2025-12-16,17:19:51,
      #,广西,2025-12-22,09:27:43,
      文章:php redis 学习笔记  发表时间:2025-11-16, 09:06:27  
      展开↯

      #9

      作者:广西南宁市
      #,广西南宁市,2025-02-12,14:14:09, 不自家的东西才下得去手
      #,广西南宁市,2025-02-13,11:56:04, 傻梦的经典作品还得是ABP-984,有带C的
      9157D01C12310FBEED4C57BFA291AD5E9BC23F74
      一般-c就是汉化版,机翻为主
      #,广西南宁市,2025-02-13,14:23:36, 哪个畜生干的?把神秘代码给码住了?码底下的是DASS-425
      #,广西南宁市,2025-02-13,14:45:31, 少年阿宾
      #,广西南宁市,2025-02-13,14:46:14, https://e-hentai.org/g/2898423/34f753078b/
      #,广西南宁市,2025-02-13,14:46:31, https://zh.xhamster.com/videos/innocent-young-student-duct-taped-and-fucked-in-her-tight-little-pussy-hole-xhjVXrY
      #,广西南宁市,2025-02-13,14:46:44, https://theporndude.com/
      #,广西南宁市,2025-02-13,14:47:22, https://javhd.today/static/porndude-one-of-the-best-resources-for-mainstream-porn-and-jav-sites-is-porndude/
      #,广西南宁市,2025-02-14,16:07:27,

      magnet:?xt=urn:btih:20FACF9F78F77DB02B799B907BE78E950E78A4A9
      Run code
      Cut to clipboard

        前面加上magnet:?xt=urn:btih: 然后复制到下载软件
        20FACF9F78F77DB02B799B907BE78E950E78A4A9
        #,广西南宁市,2025-02-14,17:19:33, https://nhentai.net/
        #,广西南宁市,2025-02-14,17:21:39, https://theporndude.com/zh/1709/nhentai
        #,广西南宁市,2025-02-14,17:31:43, https://nhentai.com/zh/latest
        #,广西南宁市,2025-02-14,17:36:08, https://nhentaitube.com/
        #,广西南宁市,2025-02-14,17:37:05, https://nhentaihaven.org/
        #,广西南宁市,2025-02-14,17:42:48, https://nhentai.biz/
        #,广西南宁市,2025-12-12,02:38:11,
        #,广西,2025-12-14,16:07:07,
        #,广西,2025-12-15,04:04:41,
        #,广西,2025-12-15,04:08:33, ABP-984
        文章:uniapp开机自启  发表时间:2025-02-10, 13:17:41  
        展开↯

        #10

        作者:广西
        【Electron-Vue】使用 el-table 死活不显示的问题
        electron-vue中在使用el-table时,死活不显示表格和数据,控制台上显示高度为0,你以为是自己的数据没有绑定上去?但是有又数据,

        我们需要把 element-ui 加入到
        .electron-vue/webpack.renderer.config.js
        Run code
        Cut to clipboard

          文件中的白名单里面在这句话
          let whiteListedModules = ['vue']
          Run code
          Cut to clipboard

            添加element-ui组件修改为
            let whiteListedModules = ['vue', 'element-ui']
            Run code
            Cut to clipboard

              再运行项目,便能够成功构建出el-table表格了
              #,广西,2024-03-30,14:55:13, node_modules\node-sass: Command failed报错问题处理
              nvm install v14.18.3
              Run code
              Cut to clipboard
                安装指定版本
                附nvm部分命令: nvm install v14.18.3 安装指定版本(以14.18.3为例) nvm install latest 可选参数arch指定安装32位还是64位版本,默认是系统位数。可以添加--insecure绕过远程服务器的SSL nvm list 查看已有版本(也可简写成 nvm ls) nvm use v14.18.3 切换到指定版本(以14.18.3为例) nvm uninstall 14.18.3 卸载指定版本(以14.18.3为例) nvm on 开启node.js版本管理 nvm off 关闭node.js版本管理 nvm proxy [url] 设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理 nvm node_mirror [url] 设置node镜像。默认是https://nodejs.org/dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作 nvm npm_mirror [url] 设置npm镜像。https://github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作 nvm root [path] 设置存储不同版本node的目录。如果未设置,默认使用当前目录
                Run code
                Cut to clipboard
                  #,广西,2024-03-30,14:56:19, node-sass: Command failed.
                  electron-packager electron-builder
                  #,广西,2024-03-30,14:59:36,
                  ::v-deep(vue2) :deep(<inner-selector>) (vue3) [@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead. 原因: ::v-deep(vue2) :deep(<inner-selector>) (vue3) 解决: ::v-deep(vue2) :deep(<inner-selector>) (vue3) 例子: // ::v-deep .custom-autocomplete .el-input--large .el-input__inner { // width: 270px; // } :deep(.custom-autocomplete .el-input--large .el-input__inner) { width: 270px !important; }
                  Run code
                  Cut to clipboard
                    #,广西,2024-03-30,15:00:55, Electron-vue控制台报错http://localhost:9080/__webpack_hmr 404 (Not Found)
                    解决方案
                    .electron-vue/dev-runner.js 文件
                    // hot: true,
                    第80行
                    app.use(hotMiddleware) //解除注释
                    #,广西南宁市,2025-12-12,01:40:36,
                    文章:linux中ls颜色说明  发表时间:2024-03-30, 14:53:30  
                    展开↯

                    #11

                    作者:广西南宁市
                    图片拖曳排序
                    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Drag and Drop Image Sorting</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; padding: 20px; } .container { display: flex; flex-wrap: wrap; gap: 10px; } .item { margin: 10px; cursor: grab; transition: transform 0.2s ease, opacity 0.2s ease; } .item img { width: 100px; height: 100px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .dragging { opacity: 0.5; transform: scale(1.1); } .placeholder { width: 100px; height: 100px; border: 2px dashed #ccc; border-radius: 8px; background-color: #f9f9f9; } #order-info { margin-top: 20px; font-size: 16px; color: #333; } </style> </head> <body> <h1>Drag and Drop Image Sorting</h1> <div class="container"> <div class="item" draggable="true" data-id="1"><img src="image1.jpg" alt="Image 1"></div> <div class="item" draggable="true" data-id="2"><img src="image2.jpg" alt="Image 2"></div> <div class="item" draggable="true" data-id="3"><img src="image3.jpg" alt="Image 3"></div> <div class="item" draggable="true" data-id="4"><img src="image4.jpg" alt="Image 4"></div> </div> <div id="order-info"></div> <script> const container = document.querySelector('.container'); const orderInfo = document.getElementById('order-info'); let dragItem = null; container.addEventListener('dragstart', function(e) { dragItem = e.target; setTimeout(() => { dragItem.classList.add('dragging'); }, 0); }); container.addEventListener('dragend', function(e) { dragItem.classList.remove('dragging'); dragItem = null; updateOrderInfo(); }); container.addEventListener('dragover', function(e) { e.preventDefault(); const afterElement = getDragAfterElement(container, e.clientX); const currentElement = document.querySelector('.dragging'); if (afterElement == null) { container.appendChild(currentElement); } else { container.insertBefore(currentElement, afterElement); } }); function getDragAfterElement(container, x) { const draggableElements = [...container.querySelectorAll('.item:not(.dragging)')]; return draggableElements.reduce((closest, child) => { const box = child.getBoundingClientRect(); const offset = x - box.left - box.width / 2; if (offset < 0 && offset > closest.offset) { return { offset: offset, element: child }; } else { return closest; } }, { offset: Number.NEGATIVE_INFINITY }).element; } function updateOrderInfo() { const items = container.querySelectorAll('.item'); const order = Array.from(items).map(item => item.getAttribute('data-id')); orderInfo.textContent = `Current Order: ${order.join(', ')}`; } // Initial order info updateOrderInfo(); </script> </body> </html>
                    Run code
                    Cut to clipboard
                      #,广西南宁市,2025-11-16,06:15:46,
                      <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片拖曳排序</title> <style> /* 基础样式与变量 */ :root { --primary: #3B82F6; --secondary: #10B981; --neutral: #64748B; --gray-100: #F3F4F6; --gray-600: #4B5563; --gray-800: #1F2937; --black-60: rgba(0, 0, 0, 0.6); --white-80: rgba(255, 255, 255, 0.8); } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; } body { background-color: var(--gray-100); min-height: 100vh; padding: 20px; } .container { max-width: 1200px; margin: 0 auto; padding: 20px 16px; } header { text-align: center; margin-bottom: 32px; } h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: bold; color: var(--gray-800); margin-bottom: 8px; } header p { color: var(--neutral); font-size: 1.125rem; } /* 图片画廊样式 */ #imageGallery { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; } @media (min-width: 640px) { #imageGallery { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { #imageGallery { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { #imageGallery { grid-template-columns: repeat(4, 1fr); } } .image-container { position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; cursor: move; } .image-container:hover { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); } .image-container img { width: 100%; height: 192px; object-fit: cover; } .image-container .caption { position: absolute; bottom: 0; left: 0; right: 0; background-color: var(--black-60); color: white; padding: 8px; font-size: 0.875rem; } .image-container .drag-icon { position: absolute; top: 8px; right: 8px; background-color: var(--white-80); border-radius: 50%; padding: 4px; } /* 拖放相关样式 */ .drag-placeholder { background-color: rgba(59, 130, 246, 0.2); border: 2px dashed var(--primary); border-radius: 8px; } .drag-active { opacity: 0.5; transform: scale(0.95); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); } /* 顺序显示区域 */ .order-display { background-color: white; padding: 24px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .order-display h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 16px; color: var(--gray-800); } .order-display p { color: var(--gray-600); line-height: 1.5; } </style> </head> <body> <div class="container"> <header> <h1>图片拖曳排序</h1> <p>拖放图片可以重新排列它们的顺序</p> </header> <div id="imageGallery"> <!-- 图片将通过JavaScript动态加载 --> </div> <div class="order-display"> <h2>当前顺序</h2> <p id="orderOutput">拖动图片后将显示新的顺序</p> </div> </div> <script> // 示例图片数据 const images = [ { id: 1, url: 'https://picsum.photos/seed/img1/400/300', alt: '风景图片 1' }, { id: 2, url: 'https://picsum.photos/seed/img2/400/300', alt: '风景图片 2' }, { id: 3, url: 'https://picsum.photos/seed/img3/400/300', alt: '风景图片 3' }, { id: 4, url: 'https://picsum.photos/seed/img4/400/300', alt: '风景图片 4' }, { id: 5, url: 'https://picsum.photos/seed/img5/400/300', alt: '风景图片 5' }, { id: 6, url: 'https://picsum.photos/seed/img6/400/300', alt: '风景图片 6' }, { id: 7, url: 'https://picsum.photos/seed/img7/400/300', alt: '风景图片 7' }, { id: 8, url: 'https://picsum.photos/seed/img8/400/300', alt: '风景图片 8' } ]; const gallery = document.getElementById('imageGallery'); const orderOutput = document.getElementById('orderOutput'); let draggedItem = null; // 初始化画廊 function initGallery() { images.forEach(img => addImageToGallery(img)); updateOrderDisplay(); } // 添加图片到画廊 function addImageToGallery(image) { const div = document.createElement('div'); div.className = 'image-container'; div.draggable = true; div.dataset.id = image.id; // 用简单符号替代Font Awesome图标 div.innerHTML = ` <img src="${image.url}" alt="${image.alt}"> <div class="caption">${image.alt}</div> <div class="drag-icon">↔</div> `; // 添加拖放事件监听 div.addEventListener('dragstart', handleDragStart); div.addEventListener('dragover', handleDragOver); div.addEventListener('dragenter', handleDragEnter); div.addEventListener('dragleave', handleDragLeave); div.addEventListener('drop', handleDrop); div.addEventListener('dragend', handleDragEnd); gallery.appendChild(div); } // 拖放事件处理函数 function handleDragStart(e) { draggedItem = this; // 添加拖动时的视觉效果 setTimeout(() => { this.classList.add('drag-active'); }, 0); // 设置拖动数据 e.dataTransfer.setData('text/plain', this.dataset.id); } function handleDragOver(e) { e.preventDefault(); // 允许放置 } function handleDragEnter(e) { e.preventDefault(); if (this !== draggedItem) { this.classList.add('drag-placeholder'); } } function handleDragLeave() { this.classList.remove('drag-placeholder'); } function handleDrop(e) { e.preventDefault(); this.classList.remove('drag-placeholder'); if (this !== draggedItem) { // 获取所有图片容器 const children = Array.from(gallery.children); const draggedIndex = children.indexOf(draggedItem); const dropIndex = children.indexOf(this); // 重新排列图片 if (draggedIndex < dropIndex) { gallery.insertBefore(draggedItem, this.nextSibling); } else { gallery.insertBefore(draggedItem, this); } // 更新顺序显示 updateOrderDisplay(); } } function handleDragEnd() { // 移除所有拖动相关的类 this.classList.remove('drag-active'); Array.from(gallery.children).forEach(child => { child.classList.remove('drag-placeholder'); }); } // 更新顺序显示 function updateOrderDisplay() { const order = Array.from(gallery.children).map(item => item.dataset.id); orderOutput.textContent = `图片ID顺序: ${order.join(' → ')}`; } // 初始化 document.addEventListener('DOMContentLoaded', initGallery); </script> </body> </html>
                      Run code
                      Cut to clipboard
                        #,广西南宁市,2025-11-16,08:12:24,
                        <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Sorting with Drag and Arrows</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; padding: 20px; } .container { display: flex; align-items: center; gap: 10px; } .item { margin: 10px; cursor: grab; transition: transform 0.3s ease; } .item img { width: 100px; height: 100px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .arrow { font-size: 24px; cursor: pointer; user-select: none; } #order-info { margin-top: 20px; font-size: 16px; color: #333; } .item.dragging { opacity: 0.5; } </style> </head> <body> <h1>Image Sorting with Drag and Arrows</h1> <div class="container"> <div class="arrow" id="left-arrow">◀</div> <div class="item" data-id="1" draggable="true"><img src="image1.jpg" alt="Image 1"></div> <div class="item" data-id="2" draggable="true"><img src="image2.jpg" alt="Image 2"></div> <div class="item" data-id="3" draggable="true"><img src="image3.jpg" alt="Image 3"></div> <div class="item" data-id="4" draggable="true"><img src="image4.jpg" alt="Image 4"></div> <div class="arrow" id="right-arrow">▶</div> </div> <div id="order-info"></div> <script> const container = document.querySelector('.container'); const leftArrow = document.getElementById('left-arrow'); const rightArrow = document.getElementById('right-arrow'); const orderInfo = document.getElementById('order-info'); let currentIndex = 0; // Function to move the current item to the right function moveRight() { const items = container.querySelectorAll('.item'); if (currentIndex < items.length - 1) { const item = items[currentIndex]; const nextItem = items[currentIndex + 1]; container.insertBefore(item, nextItem.nextSibling); currentIndex++; } else { currentIndex = 0; moveRight(); } updateOrderInfo(); } // Function to move the current item to the left function moveLeft() { const items = container.querySelectorAll('.item'); if (currentIndex > 0) { const item = items[currentIndex]; const prevItem = items[currentIndex - 1]; container.insertBefore(item, prevItem); currentIndex--; } else { currentIndex = items.length - 1; moveLeft(); } updateOrderInfo(); } // Function to update the order info function updateOrderInfo() { const items = container.querySelectorAll('.item'); const order = Array.from(items).map(item => item.getAttribute('data-id')); orderInfo.textContent = `Current Order: ${order.join(', ')}`; } // Add drag and drop functionality let draggedItem = null; container.addEventListener('dragstart', (e) => { if (e.target.classList.contains('item')) { draggedItem = e.target; e.target.classList.add('dragging'); } }); container.addEventListener('dragover', (e) => { e.preventDefault(); const targetItem = e.target.closest('.item'); if (targetItem && targetItem !== draggedItem) { const items = Array.from(container.querySelectorAll('.item')); const draggedIndex = items.indexOf(draggedItem); const targetIndex = items.indexOf(targetItem); if (draggedIndex < targetIndex) { container.insertBefore(draggedItem, targetItem.nextSibling); } else { container.insertBefore(draggedItem, targetItem); } } }); container.addEventListener('dragend', (e) => { if (e.target.classList.contains('item')) { e.target.classList.remove('dragging'); updateOrderInfo(); } }); // Add arrow click events leftArrow.addEventListener('click', moveLeft); rightArrow.addEventListener('click', moveRight); // Update order info initially updateOrderInfo(); </script> </body> </html>
                        Run code
                        Cut to clipboard
                          #,广西南宁市,2025-11-16,08:17:17,
                          <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Sorting with Drag and Arrows</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; padding: 20px; } .container { display: flex; align-items: center; gap: 10px; } .item { margin: 10px; cursor: grab; transition: transform 0.3s ease; } .item img { width: 100px; height: 100px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .arrow { font-size: 24px; cursor: pointer; user-select: none; } #order-info { margin-top: 20px; font-size: 16px; color: #333; } .item.dragging { opacity: 0.5; } .item.selected { border: 2px solid #007bff; } </style> </head> <body> <h1>Image Sorting with Drag and Arrows</h1> <div class="container"> <div class="arrow" id="left-arrow">◀</div> <div class="item" data-id="1" draggable="true"><img src="image1.jpg" alt="Image 1"></div> <div class="item" data-id="2" draggable="true"><img src="image2.jpg" alt="Image 2"></div> <div class="item" data-id="3" draggable="true"><img src="image3.jpg" alt="Image 3"></div> <div class="item" data-id="4" draggable="true"><img src="image4.jpg" alt="Image 4"></div> <div class="item" data-id="5" draggable="true"><img src="image5.jpg" alt="Image 5"></div> <div class="arrow" id="right-arrow">▶</div> </div> <div id="order-info"></div> <script> const container = document.querySelector('.container'); const leftArrow = document.getElementById('left-arrow'); const rightArrow = document.getElementById('right-arrow'); const orderInfo = document.getElementById('order-info'); let selectedItem = null; // Function to move the selected item to the right function moveRight() { if (selectedItem) { const items = container.querySelectorAll('.item'); const index = Array.from(items).indexOf(selectedItem); if (index < items.length - 1) { container.insertBefore(selectedItem, items[index + 1].nextSibling); } updateOrderInfo(); } } // Function to move the selected item to the left function moveLeft() { if (selectedItem) { const items = container.querySelectorAll('.item'); const index = Array.from(items).indexOf(selectedItem); if (index > 0) { container.insertBefore(selectedItem, items[index - 1]); } updateOrderInfo(); } } // Function to update the order info function updateOrderInfo() { const items = container.querySelectorAll('.item'); const order = Array.from(items).map(item => item.getAttribute('data-id')); orderInfo.textContent = `Current Order: ${order.join(', ')}`; } // Add click event to select an item container.addEventListener('click', (e) => { const clickedItem = e.target.closest('.item'); if (clickedItem) { if (selectedItem) { selectedItem.classList.remove('selected'); } selectedItem = clickedItem; selectedItem.classList.add('selected'); } }); // Add drag and drop functionality let draggedItem = null; container.addEventListener('dragstart', (e) => { if (e.target.classList.contains('item')) { draggedItem = e.target; e.target.classList.add('dragging'); } }); container.addEventListener('dragover', (e) => { e.preventDefault(); const targetItem = e.target.closest('.item'); if (targetItem && targetItem !== draggedItem) { const items = Array.from(container.querySelectorAll('.item')); const draggedIndex = items.indexOf(draggedItem); const targetIndex = items.indexOf(targetItem); if (draggedIndex < targetIndex) { container.insertBefore(draggedItem, targetItem.nextSibling); } else { container.insertBefore(draggedItem, targetItem); } } }); container.addEventListener('dragend', (e) => { if (e.target.classList.contains('item')) { e.target.classList.remove('dragging'); updateOrderInfo(); } }); // Add arrow click events leftArrow.addEventListener('click', moveLeft); rightArrow.addEventListener('click', moveRight); // Update order info initially updateOrderInfo(); </script> </body> </html>
                          Run code
                          Cut to clipboard
                            文章:php redis 学习笔记  发表时间:2025-11-16, 05:48:46  
                            展开↯

                            #12

                            作者:广西南宁市
                            关键字:amy aderssen
                            #,广西南宁市,2025-10-13,13:02:08, Anal had the way..
                            feed me
                            #,广西南宁市,2025-10-18,05:11:50, 設楽ゆうひ
                            #,浙江省台州市,2025-10-21,04:00:43,@2,
                            code
                            Run code
                            Cut to clipboard
                              这是哪一部?
                              #,广西南宁市,2025-10-23,01:42:10, VSPDS-574,一开头就是
                              RCT-072 (一小时三十五分 情节一样,但是跟图片中有略微不同)可自行查阅
                              #,广西南宁市,2025-10-23,01:42:56,
                              #,广西南宁市,2025-10-23,04:55:37,
                              #,广西南宁市,2025-10-23,04:56:50,
                              #,广西南宁市,2025-10-23,08:49:54,
                              #,广西南宁市,2025-10-28,13:41:51,
                              #,广西南宁市,2025-11-02,05:44:23,
                              #,广西南宁市,2025-11-02,06:19:15,
                              #,广西南宁市,2025-11-09,01:27:11, A栋D层N号房,705号住户 武藤彩香vs大岛丈
                              文章:webman上传文件到非public目录  发表时间:2025-10-13, 12:59:01  
                              展开↯

                              #13

                              作者:广西南宁市
                              MIDV581
                              FC2素人被挖掘之后签约的公司,步兵时候就很不错,明显高一个档次
                              曾用座机号码2701833是么?
                              #,广西,2025-08-06,01:34:55, 《花月容貌》 (Young And Beautiful / Jeune et Jolie)是一部以令人深思的手法,探讨早熟少女对性态度的法国电影。本片叙述一名17岁少女主要对于青春期所带来的变化与冲击,加上家庭与当时社会的影响之下,少女伊莎贝尔借着援交展开了摸索人生以及与众不同的成长史。由弗朗索瓦·欧容所指导,法国新星玛琳·华特(Marine Vacth)主演,为第66届戛纳电影节竞赛片
                              #,广西,2025-08-06,01:35:14,
                              #,广西南宁市,2025-08-15,01:50:56, 星宫老师的SSNI-830
                              #,广西南宁市,2025-08-15,01:54:09, https://njavtv.com/dm13/ms/mcsr-250
                              #,广西南宁市,2025-08-26,23:26:36, real-711
                              #,广西南宁市,2025-08-26,23:28:25, MIDE-239
                              #,广西南宁市,2025-08-27,00:04:09, [ホワイティッシュ・ブラッカー (ANDO人)] 濃厚アンドロイド性活 PLAYBOT
                              #,广西南宁市,2025-08-27,06:08:03, https://njavtv.com/ms/ekdv-771
                              https://avjoy.me/video/72332/ekdv-771
                              #,广西南宁市,2025-08-27,09:07:28,
                              如果有喜欢这类型的,我推荐 mimk的138集
                              #,广西南宁市,2025-09-03,09:06:31,
                              #,广西南宁市,2025-09-03,09:11:07,
                              #,广西南宁市,2025-09-03,11:59:12,
                              #,广西南宁市,2025-09-03,12:00:50,
                              #,广西南宁市,2025-09-03,17:13:55,
                              #,广西,2025-09-09,20:43:48,
                              #,浙江省台州市,2025-10-21,03:50:47,@7, 这是哪一部?
                              #,浙江省台州市,2025-10-21,04:01:48,@7, 这是哪一部没找到
                              文章:webman上传文件到非public目录  发表时间:2025-07-07, 20:54:56  
                              展开↯

                              #14

                              作者:广西南宁市
                              長濱ねる
                              #,广西南宁市,2025-09-13,02:38:21, 天木じゅん
                              #,广西南宁市,2025-09-13,02:39:43,
                              #,广西南宁市,2025-09-20,10:10:48,
                              #,广西南宁市,2025-09-20,13:07:25, 号码有误,不是534,而是634
                              水原美园 水原みその
                              #,广西南宁市,2025-09-20,13:13:16, hunt开头的题材是真的搞
                              #,广西南宁市,2025-09-20,13:25:31, huntb-634
                              #,广西南宁市,2025-09-20,13:43:52,
                              #,广西南宁市,2025-09-20,14:08:38,
                              #,广西南宁市,2025-09-26,03:57:48, D-ass187
                              这两位老师共演的HSODA号003牌电影简直是神作
                              #,广西南宁市,2025-09-26,04:19:49, 沙发那么低,你得跪着,不如桌上,站着就能把*给*了
                              #,广西南宁市,2025-09-26,06:03:02, magnet:?xt=urn:btih:4f1a380a1f261e661837f659d8c8325d664fe045&dn=[javdb.com]IPX-819-UC.torrent.无码破解

                              magnet:?xt=urn:btih:ce26f37ef3d294dc8fc3a6da722e917636325ced&dn=[javdb.com]fsdss-185-C.torrent

                              magnet:?xt=urn:btih:81b4949d37ac2c89d912de486575db99e57d8552&dn=[javdb.com]jul-275-C.torrent

                              magnet:?xt=urn:btih:9a403aff1627ab1bce7e53bd7ce3a069f0bdd670&dn=[javdb.com]mide-955-C.torrent

                              magnet:?xt=urn:btih:0a4efef7f8c5fc2a4f2f21d408a1017a0c59fd1c&dn=[javdb.com]ssni-929-C.torrent

                              magnet:?xt=urn:btih:71dc6c165e044be55ab9098ee4b626aa1d20ea1e&dn=[javdb.com]MIDE-742-U.torrent.无码破解

                              magnet:?xt=urn:btih:29d3d4ca595218b9e4116fd72b11e6ac0a5ed5db&dn=[javdb.com]ROYD-005.mp4

                              magnet:?xt=urn:btih:fa809865c933ec4dfe9b7a74aad5a3394c666982&dn=[javdb.com]cawd-177.torrent

                              magnet:?xt=urn:btih:91503b503fbe134f86410b4daca96b5b7205e92a&dn=[javdb.com]ebod-874-C.torrent

                              magnet:?xt=urn:btih:176940ef41f4d063c66379e4c06bed45935bb572&dn=[javdb.com]ipx-616-C.torrent
                              #,广西南宁市,2025-09-26,06:03:30, ipx819 fsdss185 jul275 mide955 ssni929 mide742 rpyd005 cawd177 ebod874 ipx616
                              #,广西南宁市,2025-09-26,07:30:21,
                              #,广西南宁市,2025-10-03,17:17:56, DASD883/SSNI802
                              #,广西南宁市,2025-10-03,17:18:25, 给上面的做个总结
                              DASD-883
                              SSNI-181
                              SSNI-802
                              PRED-226
                              #,广西南宁市,2025-10-03,17:37:49, miaa-794 天川そら 本田もも
                              #,广西南宁市,2025-10-03,17:38:41, ねえワタナベ君cポルノ映画館で私がいちばん好きなもの何か知ってる
                              #,广西南宁市,2025-10-03,17:44:24,
                              #,广西南宁市,2025-10-03,17:46:29,
                              #,广西南宁市,2025-10-03,17:51:00,
                              #,广西南宁市,2025-10-04,18:03:07, ABP-975
                              文章:webman上传文件到非public目录  发表时间:2025-09-13, 02:30:17  
                              展开↯

                              #15

                              作者:广西南宁市
                              “十五岁那年已经不稀罕五岁时朝思暮想的玩具 哪敢断论二十七岁时还会稀罕十七岁未得到的爱人”
                              #,广西南宁市,2017-05-16,11:55:30, 18677682824
                              #,广西河池市宜州市,2018-02-23,15:56:42, 七牛winwin@lizhenqiu.com
                              #,广西河池市宜州市,2018-08-28,12:25:30, 个人简历.doc
                              #,广西河池市宜州市,2018-08-28,12:35:35, 个人简历 (2).doc
                              #,广西南宁市,2018-09-20,10:25:00, 个人简历 (2).doc
                              #,广西南宁市,2018-10-09,14:20:22, 个人简历 (1).doc
                              #,广西南宁市,2020-03-04,00:37:20, 个人简历 (1).doc
                              #,广西南宁市青秀区,2022-04-01,02:46:56, 李振球的简历.docx
                              #,广西南宁市,2025-09-26,13:17:36, 个人简历 (1) (1).doc
                              文章:成功的故事只能倒叙着讲  发表时间:2016-03-04, 10:10:53  
                              展开↯

                              #16

                              作者:广西

                              ngod-122
                              #,广西,2025-06-15,04:41:24,

                              美乃雀DLDSS-010
                              DLDSS-025
                              DLDSS-035
                              DLDSS-052
                              DLDSS-056
                              DLDSS-048
                              DLDSS-211
                              DLDSS-187
                              DLDSS-180
                              DLDSS-030
                              DLDSS-369
                              DLDSS-344
                              DLDSS-389
                              DLDSS-390
                              DLDSS-396
                              DLDSS-392

                              桜空もも——IPX-900
                              楓カレン——IPX-724
                              美乃すずめ——DLDSS-121
                              神菜美まい——IPX-928
                              明里つむぎ——JUQ-138
                              白峰ミウ——SAME-013
                              相沢みなみ——IPX-177
                              凪ひかる——SSIS-742
                              あまつか亜夢——IPX-607
                              一乃あおい——JUQ-096
                              #,广西南宁市,2025-06-17,10:13:50, MIAB-100
                              文章:webman上传文件到非public目录  发表时间:2025-06-15, 03:59:30  
                              展开↯

                              #17

                              作者:广西崇左市
                              magnet:?xt=urn:btih:9037D47F1A1959E1B6BE9FBD142DA4BE6D13FFE8
                              Run code
                              Cut to clipboard

                                Holly Bunny / Hoolybunny (ig: hooly.bu), 不是那个"Bunny Marthy",
                                #,广西崇左市,2025-05-15,14:43:21, [ERECT TOUCH (エレクトさわる)] J×J II
                                扶她本
                                #,广西崇左市,2025-05-15,15:44:55, 野性王国一共六部
                                dandy-342
                                dandy-237
                                dandy-462
                                avop-108
                                dandy-368
                                avop-062
                                裸之大陆十一部
                                nhdta-286
                                dandy-261
                                nhdt-959
                                nhdt-911
                                nhdt-783
                                nhdt-704
                                nhdt-634
                                nhdt-548
                                nhdt-423
                                nhdt-379
                                open-654

                                #,广西,2025-06-13,01:57:05, 这部片子是叫star whores 还是slut wars
                                slut whores
                                文章:webman上传文件到非public目录  发表时间:2025-05-15, 11:40:05  
                                展开↯

                                #18

                                作者:广西崇左市
                                写了也没关系,金箍棒在我们手里我说是什么它就是什么
                                文章:webman上传文件到非public目录  发表时间:2025-05-15, 11:28:22  
                                展开↯

                                #19

                                作者:广西南宁市

                                main.js:46 [Vue warn]: Extraneous non-emits event listeners (editFormWatch) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option. at <Table key=1 onEditFormWatch=fn parentC=

                                原因为 监听函数有大写和-
                                @editForm-watch="editFormWatch"
                                改为 @editform-watch

                                额外的非发射事件侦听器(queryList、closeDialog)已传递给组件,但由于组件呈现片段或文本根节点,因此无法自动继承。如果侦听器仅作为组件自定义事件侦听器,请使用“emits”选项声明它。

                                查了资料才发现是因为子组件调用父组件的方法时有点不一样

                                之前是这样的:

                                const emit = defineEmits();
                                emit("queryList");
                                emit("closeDialog");
                                修改:

                                const emit = defineEmits(["queryList","closeDialog"]);
                                emit("queryList");
                                emit("closeDialog");
                                把父组件内的方法再在defineEmits里面声明一遍就可以了

                                文章:webman上传文件到非public目录  发表时间:2025-05-06, 15:01:17  
                                展开↯
                                你好,残忍屏蔽广告

                                确定要清除编辑框内容吗?

                                该删除操作将不可恢复。

                                删除 取消

                                激活Windows

                                转到"设置"以激活Windows。