以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  [求助]如何把这个WeUI代码用FT写出来?  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=115228)

--  作者:黄训良
--  发布时间:2018/3/3 10:18:00
--  [求助]如何把这个WeUI代码用FT写出来?
如何把这个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编辑过]

--  作者:有点蓝
--  发布时间:2018/3/3 10:20:00
--  
截图实际效果看看
--  作者:黄训良
--  发布时间:2018/3/3 11:08:00
--  
列表实现点击打开一个列表,其他自动收缩。

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

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


--  作者:有点蓝
--  发布时间:2018/3/3 11:27:00
--  
没有办法用内置的weui生成这种效果。只能直接使用这段html输出
--  作者:黄训良
--  发布时间:2018/3/3 11:49:00
--  
不是内置的,是自己写的代码!
[此贴子已经被作者于2018/3/3 11:49:10编辑过]

--  作者:有点蓝
--  发布时间:2018/3/3 11:51:00
--  
参考:http://www.foxtable.com/mobilehelp/scr/0013.htm
--  作者:黄训良
--  发布时间:2018/3/3 12:25:00
--  
我是用weui-cell组件,写个函数,点击标题行来实现的。
--  作者:黄训良
--  发布时间:2018/3/3 12:29:00
--  
weui_cell_title对应FT的那个组件?
--  作者:有点蓝
--  发布时间:2018/3/3 14:15:00
--  
这是一个css类样式,不是组件。Foxtable也没有对应的组件,请用6楼的用法,直接使用html代码