Foxtable(狐表)用户栏目专家坐堂 → 卡片样式


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

主题:卡片样式

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


加好友 发短信
等级:七尾狐 帖子:1503 积分:10158 威望:0 精华:0 注册:2013/6/8 16:19:00
卡片样式  发帖心情 Post By:2021/8/16 10:16:00 [显示全部帖子]

卡片样式


图片点击可在新窗口打开查看此主题相关图片如下:qq浏览器截图20210816101518.png
图片点击可在新窗口打开查看


什么弄



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


加好友 发短信
等级:七尾狐 帖子:1503 积分:10158 威望:0 精华:0 注册:2013/6/8 16:19:00
  发帖心情 Post By:2021/8/16 10:38:00 [显示全部帖子]

原生什么用

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


加好友 发短信
等级:七尾狐 帖子:1503 积分:10158 威望:0 精华:0 注册:2013/6/8 16:19:00
  发帖心情 Post By: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;
}


什么弄


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


加好友 发短信
等级:七尾狐 帖子:1503 积分:10158 威望:0 精华:0 注册:2013/6/8 16:19:00
  发帖心情 Post By: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>")


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

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


加好友 发短信
等级:七尾狐 帖子:1503 积分:10158 威望:0 精华:0 注册:2013/6/8 16:19:00
  发帖心情 Post By: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>")



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


加好友 发短信
等级:七尾狐 帖子:1503 积分:10158 威望:0 精华:0 注册:2013/6/8 16:19:00
  发帖心情 Post By:2021/8/16 13:44:00 [显示全部帖子]

那这个图片切换是不是用不了

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


加好友 发短信
等级:七尾狐 帖子:1503 积分:10158 威望:0 精华:0 注册:2013/6/8 16:19:00
  发帖心情 Post By:2021/8/16 14:35:00 [显示全部帖子]


图片点击可在新窗口打开查看此主题相关图片如下:qq浏览器截图20210816143302.png
图片点击可在新窗口打开查看




不可以把大的红圏图放进小的红圏吗

     
                wb2.AppendHTML("<style>.card {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 40%;border-radius: 5px;}</style>",True)
        wb2.AppendHTML("<style>.card:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}</style>",True)
        wb2.AppendHTML("<style>img {border-radius: 5px 5px 0 0;}</style>",True)
        wb2.AppendHTML("<style>.container {padding: 2px 16px;}</style>",True)
        
        
        
        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.InsertHTML( "page2" ,"<div class='card'>  <img src='images/12.jpg' alt='Avatar' style='width:100%'> <div class='container'><h4><b>菜鸟教程</b></h4> <p>www.runoob.com</p> </div></div>")

        wb2.AppendHTML(" <script>initExWeUI();</script> ")


 回到顶部