会员登录 立即注册

搜索

适配手机的图文展示

[复制链接]
崎山小鹿 发表于 2024-6-28 17:03:52 | 显示全部楼层 |阅读模式
崎山小鹿
2024-6-28 17:03:52 8147 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   公司:深圳市金双石科技有限公司
回复

使用道具 举报

  • 您可能感兴趣
  • 守卫田横岛-超级劫掠
    守卫田横岛-超级劫掠
    我们真的能建立一个建立一个各尽所能、各取所需的生产资料公有制,进行集体生产,土地
    04-06
  • 墨山游侠3虚镜空间
    墨山游侠3虚镜空间
    这是墨山游侠第三关:虚镜空间 感谢小安建设的迷宫,O(∩_∩)O哈哈~
    04-28
  • 墨山游侠之天狐市
    墨山游侠之天狐市
    墨山游侠之天狐市是一座现代化城市! 各种精美建筑 医院学校应有尽有
    04-28
  • 我的世界世界转换器
    我的世界世界转换器
    首先是网站链接:https://chunker.app/ (opens new window)。 Chunker 允许您将维
    04-27
  • 墨山游侠之飞行靴
    墨山游侠之飞行靴
    这是一双神奇的靴子,能让生存冒险模式下的你拥有飞行技能,只要使用铁锁靴和羽毛就能
    04-24
您需要登录后才可以回帖 登录 | 立即注册 |

本版积分规则 返回列表

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

查看:8147 | 回复:0

  • 墨山游侠3虚镜空间

    这是墨山游侠第三关:虚镜空间 感谢小安建设的迷宫,O(∩_∩)O哈哈~

    阅读:148|2025-04-28
  • 墨山游侠之天狐市

    墨山游侠之天狐市是一座现代化城市! 各种精美建筑 医院学校应有尽有

    阅读:155|2025-04-28
  • 我的世界世界转换器

    首先是网站链接:https://chunker.app/ (opens new window)。 Chunker 允许您将维

    阅读:158|2025-04-27
  • 墨山游侠之飞行靴

    这是一双神奇的靴子,能让生存冒险模式下的你拥有飞行技能,只要使用铁锁靴和羽毛就能

    阅读:286|2025-04-24
  • 墨山游侠之回家传送卷轴

    一、回家传送卷轴 有了这个玩家再也不用为了回家长途奔袭了,也不用为了回家杀死自己

    阅读:836|2025-04-15
  • 墨山游侠的武器店

    武器店的设计还是很让人头疼的,刚好找到一个很好的设计: 参考: 详细视频:

    阅读:920|2025-04-11
  • 墨山游侠之战斗系统

    村民招募模组 能让你建造盾兵、战士、马匹。你可以像指挥真正的军队那样指挥他们。你

    阅读:905|2025-04-11
  • 墨山游侠之马车

    中世界模组:Nifty Cart 非常逼真的马车效果。有四种不同类型的马车。 更详细资料:

    阅读:909|2025-04-11
  • 墨山游侠之墨眉剑

    墨眉剑是一种代表"低调深沉、刚柔并济、以武止战"精神的黑色细剑。 剑身颜色呈现出黑

    阅读:1059|2025-04-10
  • 墨山游侠第四关

    怎么让漏斗“变成过滤漏斗” 条件一:侧面连接而不是垂直连接 把漏斗从侧面连接到一个

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

手机APP

官方微博

官方微信

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