开发者社区> 问答> 正文

宜搭自定义页面,这个是怎么配置的

已解决

image.png

展开
收起
游客br3ovivgmfdaq 2024-04-08 14:13:58 322 6
来自:钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 采纳回答
    如果问题得到了解决,辛苦点下赞同回答哦~

    可以利用css样式来实现,具体可以参考以下实现:
    1、页面上拖入"容器",在该容器内在拖入一个文本
    image.png
    2、容器以及文本样式设置如下:

    • 容器样式:
    :root :hover {
    border-width: 0px;
    border-color:#dcb7eb;
    color: #dd1dee;
    background-color: #dcb7eb;
    }
    
    • 文本样式:
      :root {
      font-size: 24px;
      border-style: solid;
      border-width: 2px;
      border-color: rgba(31,56,88,0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 8px;
      margin-bottom: 8px;
      cursor: pointer;
      }
      
      3、设置一个变量,以数组格式写入展示内容image.png
      4、分别在容器、文本组件上绑定对应变量值
      image.png
      image.png
      5、实现效果:
      image.png
    2024-04-09 09:59:08
    赞同 47 展开评论 打赏
问答分类:
问答地址:
关联地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载