Foxtable(狐表)用户栏目专家坐堂 → [求助]如何把这个WeUI代码用FT写出来?


  共有2698人关注过本帖树形打印复制链接

主题:[求助]如何把这个WeUI代码用FT写出来?

帅哥哟,离线,有人找我吗?
黄训良
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1100 积分:8985 威望:0 精华:0 注册:2014/3/15 14:36:00
[求助]如何把这个WeUI代码用FT写出来?  发帖心情 Post By:2018/3/3 10:18:00 [只看该作者]

如何把这个WeUI代码用FT写出来?

<div  id='' class="weui-cells_title" style="color:blue; text-align: center;text;font-size:120%">医疗护理规范列表</div>
   <body>
        <TABLE cellSpacing=0 cellPadding=0 width="88%" border=0>
          <TBODY>
            <TR>
              <TD 
 <div id='' name='' class='weui_cells_title' style=color:blue onclick=javascript:ShowFLT(1) ><img src="images/bit05.gif">医疗规范</div>
 </TD>
            </TR>
            <TR id=LM1 style="DISPLAY: none">
              <TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                  <TBODY>
                    <TR>
<td
    <div class="weui-cells" >
<a class='weui_cell' name='int' id='int' href='./web/test451.htm'>
<div class='weui_cell_bd weui_cell_primary'>&nbsp&nbsp&nbsp&nbsp<img src="images/bit06.gif">
<span>胆囊(腹腔镜)术技术规范</span></div>
<div class='weui_cell_ft'>视频播放</div>
</a>
<a class='weui_cell' name='int' id='int' href='./web/test452.htm'>
<div class='weui_cell_bd weui_cell_primary'>&nbsp&nbsp&nbsp&nbsp<img src="images/bit06.gif">
<span>结肠癌(腹腔镜)根治术技术规范</span></div>
<div class='weui_cell_ft'>视频播放</div>
</a>
  </div>
   </td>
                    </TR>
                  </TBODY>
                </TABLE></TD>
            </TR>
            <TR>
              <TD 
<div id='' name='' class='weui_cells_title' style=color:blue onclick=javascript:ShowFLT(2) ><img src="images/bit05.gif">护理规范</div>
     </TD>
            </TR>
            <TR id=LM2 style="DISPLAY: none">
              <TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                  <TBODY>
<TR>
<td
<div class="weui-cells" >
<a class='weui_cell' name='int' id='int' href='./web/test451.htm'>
<div class='weui_cell_bd weui_cell_primary'>&nbsp&nbsp&nbsp&nbsp<img src="images/bit06.gif">
<span>内科护理规范</span></div>
                <div class='weui_cell_ft'>视频播放</div>
</a>
<a class='weui_cell' name='int' id='int' href='./web/test452.htm'>
<div class='weui_cell_bd weui_cell_primary'>&nbsp&nbsp&nbsp&nbsp<img src="images/bit06.gif">
<span>妇产科护理规范</span></div>
<div class='weui_cell_ft'>视频播放</div>
</a>
</div>
</td>
                    </TR>  
                  </TBODY>
                </TABLE>
              </TD>
            </TR>
          </TBODY>
        </TABLE>
    </body>
[此贴子已经被作者于2018/3/3 10:18:51编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110579 积分:562791 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/3/3 10:20:00 [只看该作者]

截图实际效果看看

 回到顶部
帅哥哟,离线,有人找我吗?
黄训良
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1100 积分:8985 威望:0 精华:0 注册:2014/3/15 14:36:00
  发帖心情 Post By:2018/3/3 11:08:00 [只看该作者]

列表实现点击打开一个列表,其他自动收缩。

图片点击可在新窗口打开查看此主题相关图片如下:list2.png
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下:list1.png
图片点击可在新窗口打开查看


 回到顶部
帅哥,在线噢!
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110579 积分:562791 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/3/3 11:27:00 [只看该作者]

没有办法用内置的weui生成这种效果。只能直接使用这段html输出

 回到顶部
帅哥哟,离线,有人找我吗?
黄训良
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1100 积分:8985 威望:0 精华:0 注册:2014/3/15 14:36:00
  发帖心情 Post By:2018/3/3 11:49:00 [只看该作者]

不是内置的,是自己写的代码!
[此贴子已经被作者于2018/3/3 11:49:10编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110579 积分:562791 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/3/3 11:51:00 [只看该作者]


 回到顶部
帅哥哟,离线,有人找我吗?
黄训良
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1100 积分:8985 威望:0 精华:0 注册:2014/3/15 14:36:00
  发帖心情 Post By:2018/3/3 12:25:00 [只看该作者]

我是用weui-cell组件,写个函数,点击标题行来实现的。

 回到顶部
帅哥哟,离线,有人找我吗?
黄训良
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1100 积分:8985 威望:0 精华:0 注册:2014/3/15 14:36:00
  发帖心情 Post By:2018/3/3 12:29:00 [只看该作者]

weui_cell_title对应FT的那个组件?

 回到顶部
帅哥,在线噢!
有点蓝
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110579 积分:562791 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/3/3 14:15:00 [只看该作者]

这是一个css类样式,不是组件。Foxtable也没有对应的组件,请用6楼的用法,直接使用html代码

 回到顶部