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

如果问题得到了解决，辛苦点下赞同回答哦～

可以利用css样式来实现，具体可以参考以下实现：
1、页面上拖入"容器"，在该容器内在拖入一个文本

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、设置一个变量，以数组格式写入展示内容
  4、分别在容器、文本组件上绑定对应变量值
  
  
  5、实现效果：