Skip to content

B
beyond-clouds-front
Commit 419035e9 by 高浩杰
Options

release optimize

parent c558f069
Showing with 56 additions and 76 deletions
pages/answer/release/index.vue
......@@ -41,8 +41,8 @@
></mavon-editor>
</div>
</div>
<div class="select-content">
<div>
<div class="select__wrap">
<div class="select-content">
<span>*</span>
<select-card selectType="1"></select-card>
</div>
......@@ -158,16 +158,13 @@ export default {
.answer-release {
width: 748*$length;
margin: 0 auto;
.answer-release__header {
margin-top: 40*$length;
@extend %flex-row-spb;
> span {
color: #FF7474;
font-size: 6*$length;
}
> input {
@include fontStyle(14, 19, 500, #666, left);
width: 726*$length;
......@@ -177,38 +174,33 @@ export default {
@include border-radius(4*$length);
}
}
.answer-release__content {
margin-top: 32*$length;
@extend %flex-row-spb;
align-items: start;
> span {
display: inline-block;
margin-top: 18*$length;
color: #FF7474;
font-size: 6*$length;
}
.editor-container {
width: 723*$length;
height: 230*$length;
.editor {
min-height: 230*$length;
min-width: 723*$length;
}
}
}
.select-content {
.select__wrap {
@extend %flex-row-spb;
align-items: start;
margin-top: 32*$length;
> div {
.select-content{
@extend %flex-row-spb;
align-items: start;
span {
> span {
color: #FF7474;
font-size: 6*$length;
margin-right: 16*$length;
......@@ -227,18 +219,17 @@ export default {
@include fontStyle(12,16,500,#999,left);
}
> button {
@include fontStyle(14,19,500,#fff,center);
width: 100*$length;
height: 40*$length;
background-color: #00AAE6;
border: none;
@extend %cursorPointer;
@include border-radius(4*$length);
@include fontStyle(14,40,500,#fff,center);
}
.preview{
margin-right: 16*$length;
color: #666;
background-color: #fff;
margin-right: 16*$length;
@extend %animate-transition;
&:hover{
color: #fff;
......
pages/blog/release/index.vue
......@@ -21,18 +21,18 @@
>
<div class="blog-release">
<div class="blog-release__header">
<div>
<div class="header-content">
<span>*</span>
<input type="text" placeholder="请输入文章标题">
</div>
<div>
<div class="select-wrap">
<div class="header-content">
<div class="select__wrap">
<span>*</span>
<select-card selectType="2" :class-list="classList" placeholder="请选择文章分类"></select-card>
</div>
<input type="text" placeholder="原文链接" style="width: 461px;">
</div>
<div>
<div class="header-content">
<span>*</span>
<input type="text" placeholder="请用一句话介绍该文章">
</div>
......@@ -54,15 +54,15 @@
></mavon-editor>
</div>
</div>
<div class="select-content">
<div>
<div class="blog-release__select__wrap">
<div class="select-content">
<span>*</span>
<select-card selectType="1"></select-card>
</div>
<select-card selectType="2" :class-list="classList" placeholder="请选择问题分类"></select-card>
</div>
<div class="choose-container">
<div>
<div class="input-box__wrap">
<span>*</span>
<div class="input-box">
<input type="radio" id="公开" value="公开" v-model="way" name="way">
......@@ -73,7 +73,7 @@
<label for="私密">私密</label>
</div>
</div>
<div>
<div class="input-box__wrap">
<span>*</span>
<div class="input-box">
<input type="radio" id="开启评论" value="开启评论" v-model="comment" name="comment">
......@@ -84,7 +84,7 @@
<label for="禁止评论">禁止评论</label>
</div>
</div>
<div>
<div class="input-box__wrap">
<span>*</span>
<div class="input-box">
<input type="radio" id="可以转载" value="可以转载" v-model="reprint" name="reprint">
......@@ -97,11 +97,11 @@
</div>
</div>
<div class="blog-release__footer">
<p class="add-box">上传封面
<p class="footer__left">上传封面
<img :src="imgSrc" alt="">
<input type="file" @change="e=>changeToUploadCover(e)" placeholder="上传项目封面图">
</p>
<div>
<div class="footer__right">
<p>已自动存为草稿</p>
<button class="preview" @click="readScreen">预览</button>
<button class="submit">提交</button>
......@@ -219,7 +219,7 @@ export default {
margin: 0 auto;
.blog-release__header {
margin-top: 40*$length;
> div {
.header-content{
@extend %flex-row-spb;
margin-bottom: 32*$length;
> span {
......@@ -227,14 +227,14 @@ export default {
font-size: 6*$length;
}
> input {
@include fontStyle(14, 19, 500, #666, left);
width: 726*$length;
height: 46*$length;
padding: 14*$length 16*$length;
box-sizing: border-box;
background-color: #F4F8FA;
@include border-radius(4*$length);
@include fontStyle(14, 46, 500, #666, left);
}
.select-wrap{
.select__wrap{
@extend %flex-row-spb;
align-items: start;
> span {
......@@ -264,14 +264,14 @@ export default {
}
}
}
.select-content {
.blog-release__select__wrap {
@extend %flex-row-spb;
align-items: start;
margin-top: 32*$length;
> div {
.select-content{
@extend %flex-row-spb;
align-items: start;
span {
> span {
color: #FF7474;
font-size: 6*$length;
margin-right: 16*$length;
......@@ -281,15 +281,14 @@ export default {
}
.choose-container{
@extend %flex-row-spb;
> div {
.input-box__wrap{
@extend %flex-row-spb;
> span {
display: inline-block;
margin-right: 16*$length;
color: #FF7474;
font-size: 6*$length;
}
.input-box {
display: inline-block;
margin-right: 40*$length;
line-height: 16*$length;
input[type="radio"] {
......@@ -336,7 +335,7 @@ export default {
@extend %flex-row-spb;
align-items: flex-end;
margin-top: 35*$length;
.add-box{
.footer__left{
overflow: hidden;
width:196*$length;
background-color: #F4F8FA;
......@@ -359,7 +358,7 @@ export default {
object-fit: contain;
}
}
> div {
.footer__right{
@extend %flex-row-spb;
justify-content: flex-end;
> p {
......
pages/project/release/index.vue
......@@ -21,46 +21,46 @@
>
<div class="blog-release">
<div class="blog-release__header">
<div>
<div class="header-content">
<span>*</span>
<input type="text" placeholder="请输入项目名称">
</div>
<div>
<div class="select-wrap">
<div class="header-content">
<div class="select__wrap">
<span>*</span>
<select-card selectType="2" :class-list="classList" placeholder="请选择授权协议"></select-card>
</div>
<div class="select-wrap">
<div class="select__wrap">
<span>*</span>
<select-card selectType="2" :class-list="classList" placeholder="请选择开发语言"></select-card>
</div>
<div class="select-wrap">
<div class="select__wrap">
<span>*</span>
<select-card selectType="2" :class-list="classList" placeholder="请选择操作系统"></select-card>
</div>
</div>
<div>
<div>
<div class="header-content">
<div class="header-content__left">
<span>*</span>
<input type="text" placeholder="项目所在地址链接" style="width: 461px;margin-right: 42px;">
<input type="text" placeholder="项目所在地址链接" style="width: 461px;">
</div>
<div class="select-wrap">
<div class="select__wrap">
<span>*</span>
<select-card selectType="2" :class-list="classList" placeholder="请选择授权协议"></select-card>
</div>
</div>
<div>
<div class="header-content">
<input type="text" placeholder="项目文档链接" style="width: 461px;margin-left: 22px;">
<div class="select-wrap">
<div class="select__wrap">
<span>*</span>
<select-card selectType="2" :class-list="classList" placeholder="请选择项目类型"></select-card>
</div>
</div>
<div>
<div class="header-content">
<input type="text" placeholder="项目官网链接" style="width: 461px;margin-left: 22px;">
<select-card selectType="2" :class-list="classList" placeholder="请选择项目子类型"></select-card>
</div>
<div>
<div class="header-content">
<span>*</span>
<input type="text" placeholder="请用一句话介绍该项目">
</div>
......@@ -83,11 +83,11 @@
</div>
</div>
<div class="blog-release__footer">
<p class="add-box">上传封面
<p class="footer__left">上传封面
<img :src="imgSrc" alt="">
<input type="file" @change="e=>changeToUploadCover(e)">
</p>
<div>
<div class="footer__right">
<p>已自动存为草稿</p>
<button class="preview" @click="readScreen">预览</button>
<button class="submit">提交</button>
......@@ -194,62 +194,53 @@ export default {
margin: 24*$length auto 32*$length auto;
@extend %flex-row-spb;
align-items: start;
.blog-release-container__l {
}
.blog-release-container__r {
.blog-release {
width: 748*$length;
margin: 0 auto;
.blog-release__header {
margin-top: 40*$length;
> div {
.header-content{
@extend %flex-row-spb;
margin-bottom: 32*$length;
span {
span{
color: #FF7474;
font-size: 6*$length;
margin-right: 16*$length;
}
input {
@include fontStyle(14, 19, 500, #666, left);
width: 726*$length;
height: 46*$length;
padding: 14*$length 16*$length;
background-color: #F4F8FA;
@include border-radius(4*$length);
@include fontStyle(14, 46, 500, #666, left);
}
.select-wrap{
.select__wrap{
width: 218*$length;
@extend %flex-row-spb;
align-items: start;
> span {
color: #FF7474;
font-size: 6*$length;
margin-right: 20*$length;
margin-top: 18*$length;
}
}
.header-content__left{
width: 483*$length;
@extend %flex-row-spb;
}
}
}
.blog-release__content {
@extend %flex-row-spb;
align-items: start;
> span {
display: inline-block;
margin-top: 18*$length;
color: #FF7474;
font-size: 6*$length;
}
.editor-container {
width: 723*$length;
height: 230*$length;
.editor {
min-height: 230*$length;
min-width: 723*$length;
......@@ -264,7 +255,7 @@ export default {
align-items: flex-end;
margin-top: 32*$length;
margin-left: 20*$length;
.add-box{
.footer__left{
position:relative;
width:196*$length;
background-color: #F4F8FA;
......@@ -289,7 +280,7 @@ export default {
object-fit: contain;
}
}
> div {
.footer__right{
@extend %flex-row-spb;
justify-content: flex-end;
> p {
......@@ -297,13 +288,12 @@ export default {
@include fontStyle(12,16,500,#999,left);
}
> button {
@include fontStyle(14,19,500,#fff,center);
width: 100*$length;
height: 40*$length;
background-color: #00AAE6;
border: none;
@extend %cursorPointer;
@include border-radius(4*$length);
@include fontStyle(14,40,500,#fff,center);
}
.preview{
color: #666;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment