Skip to content

P
project-online-pc
提交 6dc73c8a authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: 修改新闻详情页图片样式

上级 7b1d3f7d
隐藏空白字符变更
内嵌 并排
正在显示 包含 65 行增加 和 68 行删除
pages/alumni/sharing/_id.vue
浏览文件 @ 6dc73c8a
......@@ -65,14 +65,13 @@ export default {
}
</script>
<style lang="scss" scoped>
::v-deep{
img{
width: 100%;
height: auto !important;
display: block;
::v-deep {
img {
max-width: 100%;
height: auto !important;
}
}
.is-pc{
.is-pc {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
......@@ -176,13 +175,13 @@ export default {
}
}
}
.is-h5{
.is-h5 {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: .25rem .25rem .47rem;
padding: 0.25rem 0.25rem 0.47rem;
}
.back-btn {
display: flex;
......@@ -193,62 +192,62 @@ export default {
font-size: 16px;
}
.text {
font-size: .14rem;
font-size: 0.14rem;
color: #999999;
}
}
.times {
font-size: .14rem;
font-size: 0.14rem;
line-height: 100%;
margin: .17rem 0 .08rem;
margin: 0.17rem 0 0.08rem;
color: #999999;
}
.titles {
font-size: .18rem;
font-size: 0.18rem;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: .05rem;
padding-bottom: 0.05rem;
// line-height: 100%;
}
.article-content {
padding-top: .13rem;
font-size: .12rem;
line-height: .14rem;
padding-top: 0.13rem;
font-size: 0.12rem;
line-height: 0.14rem;
color: #333333;
img {
display: block;
width: 100%;
margin-top: .2rem;
margin-top: 0.2rem;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: .17rem;
padding-top: 0.17rem;
.titles {
display: flex;
align-items: center;
.line {
width: .03rem;
height: .11rem;
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
}
.text {
font-size: .16rem;
font-size: 0.16rem;
color: #333333;
margin-left: .05rem;
margin-left: 0.05rem;
}
}
.list-box {
margin-top: .25rem;
margin-top: 0.25rem;
display: flex;
justify-content: space-between;
li {
width: 1.4rem;
img {
width: 1.4rem;
height: .92rem;
height: 0.92rem;
display: block;
}
.dec {
......@@ -256,10 +255,10 @@ export default {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: .14rem;
line-height: .13rem;
font-size: 0.14rem;
line-height: 0.13rem;
color: #333333;
margin-top: .05rem;
margin-top: 0.05rem;
}
}
}
......@@ -267,15 +266,15 @@ export default {
.more-btn {
position: relative;
z-index: 999;
width: .82rem;
height: .2rem;
width: 0.82rem;
height: 0.2rem;
border: 1px solid #d3d3d3;
border-radius: .04rem;
line-height: .2re,;
border-radius: 0.04rem;
line-height: 0.2re;
text-align: center;
font-size: .14rem;
font-size: 0.14rem;
color: #999999;
margin: .25rem auto 0;
margin: 0.25rem auto 0;
cursor: pointer;
}
}
......
pages/news/hot/_id.vue
浏览文件 @ 6dc73c8a
......@@ -66,9 +66,8 @@ export default {
<style lang="scss" scoped>
::v-deep {
img {
width: 100%;
max-width: 100%;
height: auto !important;
display: block;
}
}
.is-pc {
......
pages/news/interview/_id.vue
浏览文件 @ 6dc73c8a
......@@ -66,14 +66,13 @@ export default {
}
</script>
<style lang="scss" scoped>
::v-deep{
img{
width: 100%;
height: auto !important;
display: block;
::v-deep {
img {
max-width: 100%;
height: auto !important;
}
}
.is-pc{
.is-pc {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
......@@ -177,13 +176,13 @@ export default {
}
}
}
.is-h5{
.is-h5 {
.detail-content-box {
// background: #fff;
// box-sizing: border-box;
// margin-bottom: 100px;
.content-box {
padding: .25rem .25rem .47rem;
padding: 0.25rem 0.25rem 0.47rem;
}
.back-btn {
display: flex;
......@@ -194,62 +193,62 @@ export default {
font-size: 16px;
}
.text {
font-size: .14rem;
font-size: 0.14rem;
color: #999999;
}
}
.times {
font-size: .14rem;
font-size: 0.14rem;
line-height: 100%;
margin: .17rem 0 .08rem;
margin: 0.17rem 0 0.08rem;
color: #999999;
}
.titles {
font-size: .18rem;
font-size: 0.18rem;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: .05rem;
padding-bottom: 0.05rem;
// line-height: 100%;
}
.article-content {
padding-top: .13rem;
font-size: .12rem;
line-height: .14rem;
padding-top: 0.13rem;
font-size: 0.12rem;
line-height: 0.14rem;
color: #333333;
img {
display: block;
width: 100%;
margin-top: .2rem;
margin-top: 0.2rem;
}
}
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: .17rem;
padding-top: 0.17rem;
.titles {
display: flex;
align-items: center;
.line {
width: .03rem;
height: .11rem;
width: 0.03rem;
height: 0.11rem;
background: #aa1941;
}
.text {
font-size: .16rem;
font-size: 0.16rem;
color: #333333;
margin-left: .05rem;
margin-left: 0.05rem;
}
}
.list-box {
margin-top: .25rem;
margin-top: 0.25rem;
display: flex;
justify-content: space-between;
li {
width: 1.4rem;
img {
width: 1.4rem;
height: .92rem;
height: 0.92rem;
display: block;
}
.dec {
......@@ -257,10 +256,10 @@ export default {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: .14rem;
line-height: .13rem;
font-size: 0.14rem;
line-height: 0.13rem;
color: #333333;
margin-top: .05rem;
margin-top: 0.05rem;
}
}
}
......@@ -268,15 +267,15 @@ export default {
.more-btn {
position: relative;
z-index: 999;
width: .82rem;
height: .2rem;
width: 0.82rem;
height: 0.2rem;
border: 1px solid #d3d3d3;
border-radius: .04rem;
line-height: .2re,;
border-radius: 0.04rem;
line-height: 0.2re;
text-align: center;
font-size: .14rem;
font-size: 0.14rem;
color: #999999;
margin: .25rem auto 0;
margin: 0.25rem auto 0;
cursor: pointer;
}
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论