AI智能
改变未来

dishDetail.module.scss

.person{display: flex;justify-content: left;align-items: center;margin: 10px 0;padding: 0 15px;.div1{width: 38px;margin-right: 15px;img{width: 38px;height: 38px;border-radius: 50px;}}.div2{flex: 1;.authorname{font-size: 13px;height: 20px;line-height: 20px;text-align: left;color: #4A4945;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.time{span{text-align: left;font-size: 12px;height: 20px;line-height: 20px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 5px;}}}.div3{width: 60px;height: 30px;border: 1px solid #E98B71;border-radius: 5px;line-height: 30px;text-align: center;color:#E98B71 ;font-size: 12px;}}.text{font-size: 14px;margin-bottom: 15px;color: #4A4945;line-height: 20px;text-align: left;padding-left: 15px;}.imgbox{padding:0 15px;display: flex;flex-wrap: wrap;margin-bottom: 10px;img{margin-left: 2px;width: 60%;height: 60%;}.img1{width: 169px;height: 169px;margin-bottom:5px;}.img3{width: 110px;height: 110px;margin-bottom: 5px;}}.back{padding:10px 15px;display: flex;justify-content: space-between;border-bottom: 10px solid #F5F7F9;.span1{font-size: 16px;font-weight: bold;line-height: 22px;color: #4A4945;}.span2{font-size: 14px;line-height: 22px;color: #999999;font-weight: 400;}}.bottomContent{padding-bottom: 50px;.contentTitle{height: 40px;padding: 0 15px;margin-top: 10px;box-sizing: border-box;display: flex;div{margin: 10px 0 4px 0;margin-right: 40px;text-align: left;display: inline-block;box-sizing: border-box;line-height: 24px;height: 26px;font-size: 14px;color: #999999;.line{width: 20px;height: 2px;margin: 0 auto;border-radius: 20px;background-color: #E98B71;display: none;}}.itemactive{font-weight: bold;color: #000;}}.contentText{height: 190px;line-height: 190px;text-align: center;font-size: 14px;color: #999999;display: none;}.comment{font-size: 14px;display: none;color: #999999;.commentitem{position: relative;padding-top: 7.5px;padding-bottom: 7.5px;overflow: hidden;zoom: 1;.imgbox{width: 35px ;height: 35px ;float: left;img{width: 100%;height:100%;border-radius: 50%;}}.name{.name1{font-size: 13px;color: #4A4945;line-height: 18.5px;overflow: hidden;text-overflow: ellipsis;-otext-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}.time{font-size: 11px;line-height: 15px;color: #999;}}.commentText{text-align: justify;word-wrap: break-word;text-overflow: ellipsis;color: #4A4945;margin-top: 10px;margin-right: 15px;margin-left: 60px;font-size: 15px;line-height: 21px;.cometext{box-sizing: border-box;background-color: #F5F7F9;letter-spacing: 0.5px;list-style-type: none;overflow: hidden;zoom: 1;margin-top: 10px;padding-top: 5px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}}}}}.ulfixed{display: flex;width: 100%;align-items: center;position: fixed;bottom: 0;left: 0;font-size: 12px;color: #999999;vertical-align: middle;border-top: 1px solid #E7E2E5;;z-index: 5;li{flex: 1;height: 49px;line-height: 49px;text-align: center;}}
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » dishDetail.module.scss