会员登录 立即注册

搜索

适配手机的图文展示

[复制链接]
崎山小鹿 发表于 2024-6-28 17:03:52 | 显示全部楼层 |阅读模式
崎山小鹿
2024-6-28 17:03:52 3694 0 看全部
微信截图_20240628170029.png

适配手机,左边图片右边标题和内容简介加阅读次数和回复次数。

<div class="module cl xld"  style="letter-spacing: 0.4px;background: #FFFFFF;">
[loop]
<dl class="cl" style = "border-bottom: 1px solid #f5f6f7; padding: 20px;">
        <dd class="m" style="border-radius: 4px;overflow: hidden;margin-right:14px"><a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a></dd>
        <dt><a href="{url}" style="color: #333;" title="{title}"}>{title}</a></dt>
        <dd style="margin-top: 5px;max-height: 40px;height: 40px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #797c80;
    line-height: 20px;"><span  style="padding-right: 5px;"><a style="color: #ff6600;" href="{forumurl}" target="_blank">[{forumname}]</a></span><span >{summary}</span><span style="margin-left: 8px;">{dateline} </span></dd>
<dd style="margin-top: 5px;width: 100%;color: #aaaeb3;font-size: 12px;">

<span style="display: flex;
    float: none;
    "><span style="display: flex;align-items: center;color: #aaaeb3;"> <svg data-v-233fb7ac="" aria-hidden="true" width="16px" height="16px"  style="margin-right: 4px;" class="icon">
          <use xlink:href="#icon-eye" style="pointer-events: none;"><symbol xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" id="icon-eye">
    <!-- Generator: Sketch 56 (81588) - https://sketch.com -->
    <title>see copy 2备份 19</title>
    <desc>Created with Sketch.</desc>
    <g id="icon-eye_首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="icon-eye_社区推荐备份-2" transform="translate(-1024.000000, -704.000000)" stroke="#AAAEB3">
            <g id="icon-eye_编组-10" transform="translate(1024.000000, 702.000000)">
                <g id="icon-eye_编组-7">
                    <g id="icon-eye_编组-4备份-4">
                        <g id="icon-eye_分组-12" transform="translate(0.000000, 1.000000)">
                       

     <g id="icon-eye_Group-10-Copy" transform="translate(0.000000, 1.000000)">
                                <g id="icon-eye_Group-11" transform="translate(0.500000, 2.500000)">
                                    <path d="M0.392752293,5.5

C1.42729415,2.48789379 4.2187504,0.329855942 7.5,0.329855942 C10.7812496,0.329855942 13.5727059,2.48789379 14.6072477,5.5

C13.5727059,8.51210621 10.7812496,10.6701441 7.5,10.6701441 C4.2187504,10.6701441 1.42729415,8.51210621 0.392752293,5.5 Z" id="icon-eye_Combined-Shape"></path>
                                    <circle id="icon-eye_Oval-6" cx="7.5" cy="5.5" r="2.06711693"></circle>
                                </g>
                            </g>
                        </g>
      

              </g>
                </g>
            </g>
        </g>
    </g>
</symbol></use>
        </svg>{views} </span>
<span style="display: flex;
    align-items: center;
    margin-left: 24px;margin-right: 4px;"><svg data-v-233fb7ac="" aria-hidden="true" width="16px" height="16px" style="margin-right: 4px;"  class="icon">
          <use xlink:href="#icon-message-views" style="pointer-events: none;"><symbol xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" id="icon-message-views">
    <!-- Generator: Sketch 56 (81588) - https://sketch.com -->
    <title>message copy备份 34</title>
    <desc>Created with Sketch.</desc>
    <g id="icon-message-views_首页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="icon-message-views_首页备份-5" transform="translate(-1122.000000, -2158.000000)">
            <g id="icon-message-views_编组-4备份-10" transform="translate(1058.000000, 2157.000000)">
                <g id="icon-message-views_编组-15" transform="translate(64.000000, 0.500000)">

                <g id="icon-message-views_message-copy" transform="translate(0.000000, 0.500000)">

<path d="M13.812533,5.55791801 C13.4946162,4.80250439 13.0388416,4.12446089 12.4578697,3.54207498 C11.8768978,2.96109579

11.1988628,2.50390878 10.442052,2.1873947 C9.66836064,1.86244024 8.84684107,1.69785292 8.00000069,1.69785292

L7.97186646,1.69785292 C7.11939923,1.70207311 6.29365953,1.87088062 5.51715473,2.20286872 C4.76737745,2.52360299

4.09496931,2.97938327 3.51962427,3.56036246 C2.94427923,4.14134164 2.4927248,4.81657169 2.18043483,5.56917184

C1.85689116,6.34849985 1.69371262,7.17706338 1.69785295,8.02954131 C1.70215289,9.00581142 1.93566701,9.97504788

2.37315432,10.8415931 L2.37315432,12.9798216 C2.37315432,13.3371308 2.66293691,13.626917 3.02024165,13.626917

L5.15984998,13.626917 C6.02638432,14.0644098 6.99560861,14.2979269 7.97186646,14.3021471 L8.0014074,14.3021471

C8.84402764,14.3021471 9.66132708,14.1389665 10.4307983,13.8196389 C11.183389,13.5059383 11.8600173,13.055785

12.4395825,12.4804327 C13.0205544,11.9050804 13.4777356,11.2326638 13.7970592,10.4828771 C14.1290431,9.70636259

14.2978485,8.88061252 14.3021471,8.02813459 C14.3062888,7.17143647 14.1402968,6.34005947 13.812533,5.55791801

L13.812533,5.55791801 Z M11.6869918,11.7193922 C10.7008869,12.6956623 9.39264516,13.2330328 8.00000069,13.2330328

L7.97608659,13.2330328 C7.1278395,13.2288127 6.28521926,13.0178033 5.54106882,12.6211056 L5.42290505,12.5578028

L3.44225513,12.5578028 L3.44225513,10.577128 L3.37895311,10.4589627 C2.98226044,9.71480297 2.7712537,8.87217214

2.76698971,8.0239144 C2.76140672,6.62140533 3.29736383,5.30470674 4.28065524,4.31296261 C5.26253993,3.32121848

6.57500184,2.77259407 7.9774933,2.76696716 L8.0014074,2.76696716 C8.7047632,2.76696716 9.38701832,2.90341989

10.0298855,3.17351191 C10.6572789,3.43657028 11.2199635,3.81498045 11.7038723,4.29889532 C12.1863744,4.78140345

12.5661865,5.34550189 12.8292416,5.97290314 C13.1021436,6.62281206 13.2385947,7.31210939 13.2358239,8.0239144

C13.227341,9.42501674 12.6773167,10.7374951 11.6869918,11.7193922 Z" id="icon-message-views_Shape" fill="#AAAEB3" fill-="" rule="nonzero"></path>
                        <path d="M5.96359615,6.4688744 L10.1650275,6.4688744" id="icon-message-views_直

线" stroke="#AAAEB3" stroke-linecap="round"></path>
                        <path d="M5.96359615,9.61994794

L10.1650275,9.61994794" id="icon-message-views_直线" stroke="#AAAEB3" stroke-linecap="round"></path>
                    </g>
  

              </g>
            </g>
        </g>
    </g>
</symbol></use>
        </svg>{replies}</span></span></dd>
</dl>
[/loop]
</div>
天不生墨翟,万古如长夜!以墨运商,以商助墨。金双石科技长期招聘科技研发人才!微信:qishanxiaolu   电话:15876572365   公司:深圳市金双石科技有限公司
回复

使用道具 举报

  • 您可能感兴趣
  • 墨山游侠出生地
    墨山游侠出生地
    出生地寄语: 欢迎来到墨山游侠游戏,本游戏由一群爱好和平与友爱,崇尚墨家兼爱非攻
    12-25
  • 墨山游侠迎来第二次大火
    墨山游侠迎来第二次大火
    2024年12月23日晚11点左右,游戏里出现第二场大火,比第一次更大,七八个建筑在同
    12-24
  • 墨山监狱
    墨山监狱
    -252,63,654
    12-23
  • PC用户如何玩墨山游侠
    PC用户如何玩墨山游侠
    首先去网易我的世界官网上下载客户端安装程序安装,地址:https://mc.163.com/ 安装成
    12-23
  • 墨家小镇的大火
    墨家小镇的大火
    谁曾想今天会经历一场大火,一个叫“六花六花的狗”到村庄里到处放火,将岩浆倒到我们
    12-22
您需要登录后才可以回帖 登录 | 立即注册 |

本版积分规则 返回列表

管理员给TA私信
以墨运商,以商助墨。

查看:3694 | 回复:0

  • 墨山游侠出生地

    出生地寄语: 欢迎来到墨山游侠游戏,本游戏由一群爱好和平与友爱,崇尚墨家兼爱非攻

    阅读:84|2024-12-25
  • 墨山游侠迎来第二次大火

    2024年12月23日晚11点左右,游戏里出现第二场大火,比第一次更大,七八个建筑在同

    阅读:164|2024-12-24
  • 墨山监狱

    -252,63,654

    阅读:194|2024-12-23
  • PC用户如何玩墨山游侠

    首先去网易我的世界官网上下载客户端安装程序安装,地址:https://mc.163.com/ 安装成

    阅读:186|2024-12-23
  • 墨家小镇的大火

    谁曾想今天会经历一场大火,一个叫“六花六花的狗”到村庄里到处放火,将岩浆倒到我们

    阅读:222|2024-12-22
  • 墨山游侠中的墨子图书馆

    昨天成绩斐然,收获两栋漂亮海滨别墅,和一个高级瞭望塔,但同时损失惨重,村民损失九

    阅读:252|2024-12-22
  • 墨家小镇文化与经济

    文化建设: 墨家十要 旗帜: 八卦 双鱼戏水 经济建设: 麦田、 甘蔗田

    阅读:373|2024-12-20
  • 墨者的面具

    仿照三星堆的面具做头像

    阅读:336|2024-12-19
  • 从出生地前往墨家小镇集合

    装饰一下出生地 现在有路标了,通过路标让会员找到我们的村庄,一路要非常小心不

    阅读:429|2024-12-18
  • 墨家盾牌和武器

    盾牌上有墨家的标志,武器上也有墨家的特色

    阅读:382|2024-12-17
金双石科技,软件开发20年,技术行业领先,您的满意,就是我们的目标,认真负责,开拓进取,让成品物超所值
关于我们
公司简介
发展历程
联系我们
本站站务
友情链接
新手指南
内容审核
商家合作
广告合作
商家入驻
新闻合作

手机APP

官方微博

官方微信

联系电话:15876572365 地址:深圳市宝安区西乡街道宝民二路宝民花园 ( 粤ICP备2021100124号-1 ) 邮箱:qishanxiaolu@qq.com
QQ|Powered by Discuz! X3.5 © 2001-2024 Discuz! Team.
快速回复 返回顶部 返回列表