找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › 活字格专区 › 求助中心 › 查看内容
发新帖

zwl

注册会员

8

主题

22

帖子

86

积分

注册会员

积分
86
最新发帖

[已处理] 活字格

zwl
注册会员   /  发表于：2023-7-10 09:38  /   查看：4818  /  回复：24
15金币
本帖最后由 zwl 于 2023-7-11 20:40 编辑

活字格中怎么实现在图片轮转中，标题背景是灰色的那种


在标题下有灰色的框
附件: 您需要 登录 才可以下载或查看，没有帐号？立即注册

最佳答案

wangpenga

查看完整内容

24 个回复

倒序浏览
wangpenga悬赏达人认证
金牌服务用户   /  发表于：2023-7-10 11:12:44
来自 3#
本帖最后由 wangpenga 于 2023-7-10 11:14 编辑
  1. .Time i{
  2.         width: 20px !important;
  3.         border-radius: 0 !important;
  4. }
  5. .Time .van-swipe__indicator{
  6.         background-color: rebeccapurple;
  7. }
复制代码


把css放到文件里就可以了

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
zwl
注册会员   /  发表于：2023-7-10 17:23:12
来自 5#

在图片轮转中想实现黑框，跟随图片标题轮转

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
最佳答案
最佳答案
wangpenga悬赏达人认证
金牌服务用户   /  发表于：2023-7-10 09:38:57
来自 21#

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于：2023-7-10 11:03:49
2#
不太理解楼主的意思哈，您想要的效果是什么样的呢，有没有效果图给看下，
也可以看下这个轮播图是否能满足需要

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于：2023-7-10 15:04:28
4#
wangpenga 发表于 2023-7-10 11:12
把css放到文件里就可以了
回复 使用道具 举报
zwl
注册会员   /  发表于：2023-7-10 18:19:28
6#
wangpenga 发表于 2023-7-10 11:12
把css放到文件里就可以了

请看一下最新评论
回复 使用道具 举报
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于：2023-7-11 09:03:51
7#
这种可能要动用代码的，我还真不太会，看格友们大展神通~
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于：2023-7-11 10:24:20
8#
zwl 发表于 2023-7-10 18:19
请看一下最新评论

不行，我通过js获取不到轮播图的div
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于：2023-7-11 11:43:45
9#
本帖最后由 wangpenga 于 2023-7-11 11:44 编辑

可以了，类名还是time

  1. var newDiv = document.createElement("div");

  3. // DIV
  4. newDiv.id = "myDiv";
  5. newDiv.className = "myClass";
  6. newDiv.style.background = "black";
  7. newDiv.style.width = "100%";
  8. newDiv.style.height = "30px";
  9. newDiv.style.position="absolute";
  10. newDiv.style.bottom="0";
  11. newDiv.style.opacity="0.3";


  14. window.onload=function(){
  15.         var vartime = document.getElementsByClassName("time");
  16.         console.log(vartime)
  17.         for (var i = 0; i < vartime.length; i++) {
  18.                 vartime[i].style.position="relative";
  19.                 //console.log(vartime)
  20.                 console.log(newDiv)
  21.                 vartime[i].appendChild(newDiv);
  22.         }
  23. }
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 使用道具 举报
下一页 »
123下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部