Skip to content

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

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

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