Skip to content

B
beyond-clouds-front
Commit 55345711 by 高浩杰
Options

finish all release

parent f0346e39
Showing with 416 additions and 21 deletions
components/pc/select/selectCard.vue
<template>
<div>
<div class="select-container" v-if="selectType === '1'">
<div class="select-container" v-if="selectType === '1'" style="height: 100px;">
<div class="select-container__input-box">
<div>
<input
type="text" placeholder="添加标签"
@focus="isShow=true"
@focus="handleShow"
@blur="isShow=false"
@keyup.enter="handleSearch"
v-model="value"
>
<span>{{list.length ? list.length : 0}}</span>
<transition name="fade">
<div class="label-list__wrap" v-if="isShow">
<div class="label-list__wrap" v-if="isShow || isShow2" @mouseleave="isShow2=false">
<div class="label-list">
<!--<select-content-->
<!--v-for="(item, index) in labelList" :item="item"-->
<!--:key="`${item}${index}`"-->
<!--&gt;</select-content>-->
<select-content
v-for="(item, index) in labelList"
:item="item"
......@@ -39,14 +36,14 @@
></label-wrap>
</div>
</div>
<div class="select-container" v-if="selectType === '2'">
<div class="input-box" @click="isShow=true">
<div class="select-container" v-if="selectType === '2'" style="width: 196px">
<div class="input-box" @click="handleShow">
<input type="text" v-model="value" disabled="true" :placeholder="placeholder">
<div class="icon-box">
<yun-icon name="down_arrow" size="10px" color="#999"></yun-icon>
</div>
</div>
<div class="class-list-box" v-if="isShow" @mouseleave="isShow=false">
<div class="class-list-box" v-if="isShow && isShow2" @mouseleave="isShow=false">
<select-content
v-for="(item, index) in classList"
:item="item"
......@@ -72,6 +69,7 @@ export default {
data(){
return{
isShow: false,
isShow2: false,
list: ['web', 'java', 'python'],
searchList: [],
result: [],
......@@ -90,7 +88,6 @@ export default {
methods: {
// 点击选中标签后 添加标签
handleChange(e){
console.log(e);
this.value = e;
},
// 删除选中的标签
......@@ -116,6 +113,13 @@ export default {
handleChange2(e){
this.value = e;
this.isShow =false;
this.isShow2 = false;
},
handleShow(){
console.log(this.isShow || this.isShow2);
this.isShow = true;
this.isShow2 = true;
console.log(this.isShow || this.isShow2);
}
},
watch: {
......@@ -159,10 +163,10 @@ export default {
position: absolute;
top:56*$length;
left: 2*$length;
z-index: 999;
width: 275*$length;
height: 122*$length;
padding: 5*$length 0;
z-index: 100;
background-color: #fff;
box-sizing: border-box;
overflow-y: auto;
......@@ -213,8 +217,15 @@ export default {
}
}
.class-list-box{
position: absolute;
width: 196*$length;
height: 122*$length;
overflow: auto;
z-index: 999;
border: 1*$length solid #F4F8FA;
@include border-radius(4*$length);
@extend %animate-transition;
background-color: #fff;
}
}
</style>
pages/answer/index.vue
......@@ -21,7 +21,7 @@
</div>
</div>
<div class="answer-container__right">
<div class="right__write-answer">我要提问</div>
<div class="right__write-answer" @click="toRelease">我要提问</div>
<div class="right__search-answer">
<input type="text">
<div><yun-icon name="search" size="16px" color="#fff"></yun-icon></div>
......@@ -108,6 +108,11 @@ export default {
labelTitle: function () {
return this.$route.query.id
}
},
methods: {
toRelease(){
this.$router.push('/answer/release')
}
}
}
</script>
......@@ -134,6 +139,7 @@ export default {
@include fontStyle(14,56,500,#00AAE6,center);
@include border-radius(4*$length);
@extend %animate-transition;
@extend %cursorPointer;
&:hover {
color: #fff;
background-color: #00AAE6;
......
pages/answer/release/index.vue
......@@ -32,10 +32,12 @@
:toolbars="markdownOption"
class="editor"
placeholder="问题详情...."
:style="{zIndex: zIndex}"
@imgAdd="imgAdd"
@imgDel="imgDel"
@save="save"
@change="intervalSave"
@fullScreen="readScreen"
></mavon-editor>
</div>
</div>
......@@ -48,7 +50,7 @@
</div>
<div class="answer-release__footer">
<p>已自动存为草稿</p>
<button class="preview" @click="preview">预览</button>
<button class="preview" @click="readScreen">预览</button>
<button class="submit">提交</button>
</div>
</div>
......@@ -94,6 +96,7 @@ export default {
subfield: true, // 单双栏模式
preview: true // 预览
},
zIndex: 1500,
value: '',
lastSaveTime: new Date(),
classList: ['web', 'java', 'javascript']
......@@ -133,8 +136,9 @@ export default {
this.lastSaveTime = now;
}
},
preview(){ // 预览
console.log('预览');
readScreen(boolean, str){ // 预览
this.zIndex = 8000;
boolean = true;
}
}
}
......@@ -193,7 +197,6 @@ export default {
.editor {
min-height: 230*$length;
min-width: 723*$length;
z-index: 8000;
}
}
}
......@@ -216,7 +219,7 @@ export default {
}
.answer-release__footer {
margin-top: 162*$length;
margin-top: 96*$length;
@extend %flex-row-spb;
justify-content: flex-end;
> p {
......
pages/blog/index.vue
......@@ -24,7 +24,7 @@
</div>
</div>
<div class="blog-container__right">
<div class="right__write-blog">写文章</div>
<div class="right__write-blog" @click="toRelease">写文章</div>
<card-container
title="热门博主"
label="换一换"
......@@ -94,6 +94,11 @@ export default {
labelTitle: function () {
return this.$route.query.id
}
},
methods: {
toRelease(){
this.$router.push('/blog/release')
}
}
}
</script>
......@@ -120,6 +125,7 @@ export default {
@include fontStyle(14,56,500,#00AAE6,center);
@include border-radius(4*$length);
@extend %animate-transition;
@extend %cursorPointer;
&:hover {
color: #fff;
background-color: #00AAE6;
......
pages/project/index.vue
......@@ -24,7 +24,7 @@
</div>
</div>
<div class="project-container__right">
<div class="right__write-project">发布项目</div>
<div class="right__write-project" @click="toRelease">发布项目</div>
<card-container
title="今日热门"
label="换一换"
......@@ -136,6 +136,11 @@ export default {
return this.$route.query.id
}
}
},
methods: {
toRelease(){
this.$router.push('/project/release')
}
}
}
</script>
......@@ -165,6 +170,7 @@ export default {
@include fontStyle(14,56,500,#00AAE6,center);
@include border-radius(4*$length);
@extend %animate-transition;
@extend %cursorPointer;
&:hover {
color: #fff;
background-color: #00AAE6;
......
pages/users/register.vue
<template>
<div class="register-container">
<div class="register-wrap">
<div class="register-container" v-if="!success">
<login-card
class="register-card-container"
title1="手机号注册"
......@@ -9,6 +10,15 @@
@login="handleRegister"
></login-card>
</div>
<transition>
<div class="register-success" v-if="success">
<yun-icon name="success" size="40px" color="#75D098"></yun-icon>
<p style="color: #75D098;">注册成功</p>
<p>请查看邮箱收件箱验证账号</p>
<button>前往验证</button>
</div>
</transition>
</div>
</template>
<script>
......@@ -19,6 +29,11 @@ export default {
components: {
LoginCard
},
data(){
return{
success: false
}
},
methods:{
handleRegister(way, account, password, phone, verification) {
console.log(way);
......@@ -26,16 +41,42 @@ export default {
console.log(password);
console.log(phone);
console.log(verification);
this.success = true
}
}
}
</script>
<style lang="scss" scoped>
.register-wrap{
.register-container{
margin: 136*$length 0;
.register-card-container{
margin: 0 auto;
}
}
.register-success{
width: 408*$length;
height: 298*$length;
margin: 236*$length auto;
padding-top: 24*$length;
background-color: #fff;
@extend %flex-column-spb;
justify-content: flex-start;
@include border-radius(4*$length);
> p {
margin-bottom: 25*$length;
@extend %cursorPointer;
@include fontStyle(14,19,500,#666,center);
}
> button {
width: 100*$length;
margin-top: 33*$length;
background-color: #75D098;
border: none;
@include border-radius(4*$length);
@include fontStyle(14,34,500,#fff,center);
}
}
}
</style>
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