专家坐堂-卡片样式Foxtable(狐表) - 新一代数据库软件，完美融合Access、Foxpro、Excel、vb.net之优势，人人都能掌握的快速软件开发工具!

以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.com/bbs/index.asp)
--  专家坐堂  (http://foxtable.com/bbs/list.asp?boardid=2)
----  卡片样式  (http://foxtable.com/bbs/dispbbs.asp?boardid=2&id=171049)

--  作者：qazlinle6
--  发布时间：2021/8/16 10:16:00
--  卡片样式
卡片样式

此主题相关图片如下：qq浏览器截图20210816101518.png

什么弄

--  作者：有点蓝
--  发布时间：2021/8/16 10:26:00
--
weui框架没有这种功能，原生html用法请自行百度搜索

--  作者：qazlinle6
--  发布时间：2021/8/16 10:38:00
--
原生什么用

--  作者：有点蓝
--  发布时间：2021/8/16 10:41:00
--
http://www.foxtable.com/mobilehelp/topics/0097.htm

--  作者：qazlinle6
--  发布时间：2021/8/16 11:08:00
--

wb2.AppendHTML("<link rel=\'stylesheet\' href=\'./lib/exweui.css\'/>",True)
wb2.AppendHTML("<script src=\'./lib/exweui.js\' ></script>",True)
With ExWeUI.WebUI.AddCarousel("","sld1")
.AddImage("images/12.jpg")
.AddImage("images/123.jpg","testd.htm")
wb2.InsertHTML( "page2" ,.BuildHtml)
End With
wb2.AppendHTML("<script>initExWeUI();</script>")

放到

<div class="card">
<img src="https://static.runoob.com/images/mix/img_avatar.png" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>菜鸟教程</b></h4>
<p>www.runoob.com</p>
</div>
</div>

.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
border-radius: 5px;
}

.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

img {
border-radius: 5px 5px 0 0;
}

.container {
padding: 2px 16px;
}

什么弄

--  作者：有点蓝
--  发布时间：2021/8/16 11:11:00
--
wb2.AppendHTML("<style>.card {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); ......样式全部放这里.......</style>",True)

wb2.InsertHTML( "page2" ,"<div class="card"><img src="https://static.r.........html标签控件全部放这里...........")

--  作者：qazlinle6
--  发布时间：2021/8/16 11:25:00
--

wb2.AppendHTML("<link rel=\'stylesheet\' href=\'./lib/exweui.css\'/>",True)
wb2.AppendHTML("<script src=\'./lib/exweui.js\' ></script>",True)
With ExWeUI.WebUI.AddCarousel("","sld1")
.AddImage("images/12.jpg")
.AddImage("images/123.jpg","testd.htm")
wb2.InsertHTML( "page2" ,.BuildHtml)
End With
wb2.AppendHTML("<script>initExWeUI();</script>")

这个什么放图片那，我要这个图片可以切换的

--  作者：有点蓝
--  发布时间：2021/8/16 11:28:00
--
AddImage就是加图片的

--  作者：qazlinle6
--  发布时间：2021/8/16 11:30:00
--

wb2.InsertHTML( "page2" ,"<div class="card"><img src="https://static.r.........html标签控件全部放这里...........")
这样弄了显示不了下面代码的图片，只可以显示自已设置的图

wb2.AppendHTML("<link rel=\'stylesheet\' href=\'./lib/exweui.css\'/>",True)
wb2.AppendHTML("<script src=\'./lib/exweui.js\' ></script>",True)
With ExWeUI.WebUI.AddCarousel("","sld1")
.AddImage("images/12.jpg")
.AddImage("images/123.jpg","testd.htm")
wb2.InsertHTML( "page2" ,.BuildHtml)
End With
wb2.AppendHTML("<script>initExWeUI();</script>")

--  作者：有点蓝
--  发布时间：2021/8/16 13:34:00
--
wb2.InsertHTML( "page2" ,"<div class=\'card\'><img src=\'images/12.jpg‘，...........