找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 65|回复: 3

新人帖 Discuz 什么时候内页出个这种图片列表方式 New

[复制链接]

374

主题

1063

回帖

1439

积分

金牌会员

积分
1439
发表于 2026-6-6 19:34:23 | 显示全部楼层 |阅读模式

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

395

主题

1075

回帖

1472

积分

金牌会员

积分
1472
发表于 2026-6-6 19:34:51 | 显示全部楼层
https://www.dismall.com/thread-27330-1-1.html
       

.ce-block {     margin-bottom: 20px; } .ce-block__content,.ce-toolbar__content {         /* max-width:calc(100% - 50px) */         margin-left: auto;     margin-right: auto; } .ce-paragraph {     line-height: 1.6em;     outline: none;     text-indent: 2em;     font-size: 16px; } .ce-paragraph--right {     text-align: right; } .ce-paragraph--center {     text-align: center; } .ce-paragraph--left {     text-align: left; }  .ce-paragraph--justify {     text-align: justify; }  .ce-paragraph-text-indent {     text-align: justify; } .ce-paragraph[data-placeholder]:empty::before{   content: attr(data-placeholder);   color: #707684;   font-weight: normal;   opacity: 0; }  /** Show placeholder at the first paragraph if Editor is empty */ .codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]:empty::before {   opacity: 1; }  .codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph[data-placeholder]:empty::before, .codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]:empty:focus::before {   opacity: 0; }  .ce-paragraph p:first-of-type{     margin-top: 0; }  .ce-paragraph p:last-of-type{     margin-bottom: 0; }   .svg-icon {     width: 1em;     height: 1em; }  .svg-icon path, .svg-icon polygon, .svg-icon rect {     fill: #4691f6; }  .svg-icon circle {     stroke: #4691f6;     stroke-width: 1; }  .inline-code {   background: rgba(250, 239, 240, 0.78);   color: #b44437;   padding: 3px 4px;   border-radius: 5px;   margin: 0 1px;   font-family: inherit;   font-size: 0.86em;   font-weight: 500;   letter-spacing: 0.3px; }
回复

使用道具 举报

401

主题

1043

回帖

1446

积分

金牌会员

积分
1446
发表于 2026-6-6 19:35:06 | 显示全部楼层
            
             x5.0有图集的
         
     

.ce-block {     margin-bottom: 20px; } .ce-block__content,.ce-toolbar__content {         /* max-width:calc(100% - 50px) */         margin-left: auto;     margin-right: auto; } .image-tool {   --bg-color: #cdd1e0;   --front-color: #388ae5;   --border-color: #e8e8eb;  }    .image-tool__image {     border-radius: 3px;     overflow: hidden;     margin-bottom: 10px;   }    .image-tool__image-picture {       max-width: 100%;       vertical-align: bottom;       display: block;       margin-left: auto;       margin-right: auto;     }    .image-tool__image-preloader {       width: 50px;       height: 50px;       border-radius: 50%;       background-size: cover;       margin: auto;       position: relative;       background-color: #cdd1e0;       background-position: center center;     }    .image-tool__image-preloader::after {         content: "";         position: absolute;         z-index: 3;         width: 60px;         height: 60px;         border-radius: 50%;         border: 2px solid #cdd1e0;         border-top-color: #388ae5;         left: 50%;         top: 50%;         margin-top: -30px;         margin-left: -30px;         animation: image-preloader-spin 2s infinite linear;         box-sizing: border-box;       }    .image-tool__caption[contentEditable="true"][data-placeholder]::before {       position: absolute !important;       content: attr(data-placeholder);       color: #707684;       font-weight: normal;       display: none;     }    .image-tool__caption[contentEditable="true"][data-placeholder]:empty::before {         display: block;       }    .image-tool__caption[contentEditable="true"][data-placeholder]:empty:focus::before {         display: none;       }    .image-tool--empty .image-tool__image {       display: none;     }    .image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {       display: none;     }    .image-tool .cdx-button {     display: flex;     align-items: center;     justify-content: center;   }    .image-tool .cdx-button svg {       height: auto;       margin: 0 6px 0 0;     }    .image-tool--filled .cdx-button {       display: none;     }    .image-tool--filled .image-tool__image-preloader {         display: none;       }    .image-tool--loading .image-tool__image {       min-height: 200px;       display: flex;       border: 1px solid #e8e8eb;       background-color: #fff;     }    .image-tool--loading .image-tool__image-picture {         display: none;       }    .image-tool--loading .cdx-button {       display: none;     }    /**    * Tunes    * ----------------    */    .image-tool--withBorder .image-tool__image {       border: 1px solid #e8e8eb;     }    .image-tool--withBackground .image-tool__image {       padding: 15px;       background: #cdd1e0;     }    .image-tool--withBackground .image-tool__image-picture {         max-width: 60%;         margin: 0 auto;       }    .image-tool--stretched .image-tool__image-picture {         width: 100%;       }    .image-tool__caption {                 text-align: center;                 font-size: 14px;                 color: #a3a3a3;         } @keyframes image-preloader-spin {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(360deg);   } }  .inline-code {   background: rgba(250, 239, 240, 0.78);   color: #b44437;   padding: 3px 4px;   border-radius: 5px;   margin: 0 1px;   font-family: inherit;   font-size: 0.86em;   font-weight: 500;   letter-spacing: 0.3px; }

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

395

主题

1075

回帖

1472

积分

金牌会员

积分
1472
发表于 2026-6-6 19:36:05 | 显示全部楼层
管理员亲自推荐,这个应用主发财了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表