3 Star 0 Fork 2

anzhusen/IsearchU

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
app.wxss 3.25 KB
一键复制 编辑 原始数据 按行查看 历史
anzhusen 提交于 2020-05-14 21:48 . anan_check
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
/*选择/筛选标签界面开始*/
.view_page{
min-height: 100vh;
height: 100%;
background-color: #EEECEC;
display: flex;
flex-direction: column;
padding-left: 10px;
padding-right: 10px;
}
.view_show{
margin-top: 20px;
margin-bottom: 40px;
background-color: #ffffff;
border-radius: 20px;
display: flex;
flex-direction: column;
}
.text_explain{
height: 30px;
margin-top: 7px;
margin-left:15px;
margin-bottom: 20px;
font-size: 40rpx;
color: black;
}
.view_label{
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-left: 10px;
}
.btn_academy{
margin: 5px 5px 5px 5px;
height: 30px;
text-align: center;
font-size: 20pt;
background-color: rgb(238, 142, 17);
color: white;
opacity: 0.5;
}
.btn_academy_click{
opacity: 1;
}
.btn_sure{
color: rgb(238, 142, 17);
width: 60px;
margin-top: 20px;
margin-bottom: 20px;
margin-left:20px;
height: 30px;
font-size: 10pt;
}
/*选择/筛选标签界面结束*/
/*首页展示*/
.item {
background-color: white;
display: flex;
flex-direction: column;
border-radius: 5px;
margin-top: 5px;
padding: 5px;
}
.item-top {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.item-user {
display: flex;
align-items: center;
}
.item-user image {
width: 35px;
height: 35px;
border-radius: 50%;
}
.item-user text {
margin-left: 30rpx;
font-size: 13pt;
}
.item-college {
color: #6c6c6c;
font-size: 11pt;
align-self: center;
margin-right: 30rpx;
}
.item-mid {
margin: 5px 0;
}
.item-content {
box-sizing: border-box;
margin: 5px 0;
font-size: 11pt;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.item-mid-imgs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-top: 20rpx;
}
.item-mid-image3 {
position: relative;
box-sizing: border-box;
width: 33.3%;
padding-top: 33.3%;/*使高度等于宽度*/
border: 1rpx solid white;
overflow: hidden;
}
.item-mid-image3 image{
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.item-mid-image2 {
position: relative;
box-sizing: border-box;
width: 49.99%;
padding-top: 49.99%;
border: 1rpx solid white;
overflow: hidden;
}
.item-mid-image2 image{
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.item-mid-image1{
justify-self: center;
}
.item-mid-image1 image{
max-width: 90%;
justify-self: center;
max-height: 400rpx;
}
.item-bottom {
display: flex;
flex-direction: row;
color: #6c6c6c;
justify-content: space-between;
}
/*首页展示结束*/
/*下拉删除按钮*/
.view_delete{
flex: 1;
width: 30px;
height: 30px;
z-index: 1;
}
.img_delete{
margin-top: 6px;
height: 25px;
width:25px ;
float: right;
margin-right: 5px;
}
/*无留言或者公告*/
.view_noMessage{
height: 100%;
display: flex;
flex-direction: column;
}
.txt_noMessage{
size: 24px;
margin-top: 20px;
align-self: center;
align-content: center;
color: #bfbfbf;
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/anzhusen/IsearchU.git
[email protected]:anzhusen/IsearchU.git
anzhusen
IsearchU
IsearchU
master

搜索帮助