用wxss做一个群相册首页界面
时间: 2024-06-11 11:05:08 浏览: 49
抱歉,我是一名AI语言模型,无法提供图形界面操作。但是,我可以提供一些wxss样式代码供您参考:
/* 整体布局 */
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/* 图片卡片 */
.card {
width: 200px;
height: 200px;
margin: 10px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.card img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* 标题 */
.title {
font-size: 20px;
font-weight: bold;
margin: 10px;
}
/* 按钮 */
.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
background-color: #007aff;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
margin: 10px;
}
.btn:hover {
background-color: #0052cc;
}
以上是一些简单的wxss样式代码,实现了群相册首页界面的基本布局和样式。您可以根据实际需求进行修改和完善。
阅读全文