Authored by zhangxiaoru

潮流口令页样式修改

... ... @@ -11,9 +11,7 @@ exports.tideCommand = (req, res, next) => {
res.render('tide-command', {
page: 'tide-command',
pageHeader: headerModel.setNav({
navTitle: '我的潮流口令',
navBtn: false,
save: true
navTitle: '我的潮流口令'
}),
title: '我的潮流口令',
width750: true,
... ...
... ... @@ -2,6 +2,8 @@
{{# invitionDta}}
<div class="set-world">
<textarea name="" class="command-textarea" id="command-textarea" placeholder="请设置15位字符以内的潮流口令">{{#if trendWord}}{{trendWord}}{{/if}}</textarea>
<div class="save">保存</div>
</div>
<span class="world-number">15</span>
... ...
... ... @@ -6,19 +6,33 @@
.set-world {
background-color: #fff;
padding-bottom: 20px;
}
.command-textarea {
height: 130px;
width: 690px;
font-size: 44px;
font-size: 42px;
border: none;
resize: none;
background-color: #dfdfdf;
margin: 20px 30px;
border-radius: 10px;
padding: 15px 20px;
}
.save {
width: 240px;
height: 80px;
line-height: 80px;
color: #fff;
background-color: #414141;
text-align: center;
margin: 0 auto;
border-radius: 10px;
}
.world-number {
position: absolute;
font-size: 24px;
... ...