|
@@ -2,11 +2,8 @@
|
|
|
<div class="topicbox">
|
|
|
<div class="topicheader">
|
|
|
<div class="headerleft">
|
|
|
- <div class="totalbox">
|
|
|
- <Button type="primary" @click="topicShow = !topicShow">{{ $t("jyzx.discuss.addTopic") }}</Button>
|
|
|
- </div>
|
|
|
<div class="taginfo">
|
|
|
- <span style="margin-left: 20px">{{ $t("jyzx.discuss.topicType") }}:</span>
|
|
|
+ <span>{{ $t("jyzx.discuss.topicType") }}:</span>
|
|
|
<CheckboxGroup v-model="toType" @on-change="topicType">
|
|
|
<Checkbox label="1" border>{{ $t("jyzx.discuss.normal") }}</Checkbox>
|
|
|
<Checkbox label="2" border>{{ $t("jyzx.discuss.point") }}</Checkbox>
|
|
@@ -14,6 +11,20 @@
|
|
|
<!-- <Tag checkable color="geekblue" size ="large" @on-change="topicType(1)">普通话题</Tag>
|
|
|
<Tag checkable color="volcano" size ="large" @on-change="topicType(2)">能力点话题</Tag> -->
|
|
|
</div>
|
|
|
+
|
|
|
+ <div class="aboutme">
|
|
|
+ <Dropdown @on-click="metopic">
|
|
|
+ <Buuton>
|
|
|
+ {{ showType }}
|
|
|
+ <Icon type="ios-arrow-down"></Icon>
|
|
|
+ </Buuton>
|
|
|
+ <DropdownMenu slot="list">
|
|
|
+ <DropdownItem name="allTopic">{{ $t("jyzx.discuss.allTopic") }}</DropdownItem>
|
|
|
+ <DropdownItem name="metopic">{{ $t("jyzx.discuss.myTopic") }}</DropdownItem>
|
|
|
+ <DropdownItem name="mereply">{{ $t("jyzx.discuss.replyMe") }}</DropdownItem>
|
|
|
+ </DropdownMenu>
|
|
|
+ </Dropdown>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="headerright">
|
|
|
<div class="searchbox light-iview-input">
|
|
@@ -25,18 +36,10 @@
|
|
|
@on-search="searchKeyword"
|
|
|
/>
|
|
|
</div>
|
|
|
- <div class="aboutme">
|
|
|
- <Dropdown @on-click="metopic">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- {{ showType }}
|
|
|
- <Icon type="ios-arrow-down"></Icon>
|
|
|
- </a>
|
|
|
- <DropdownMenu slot="list">
|
|
|
- <DropdownItem name="allTopic">{{ $t("jyzx.discuss.allTopic") }}</DropdownItem>
|
|
|
- <DropdownItem name="metopic">{{ $t("jyzx.discuss.myTopic") }}</DropdownItem>
|
|
|
- <DropdownItem name="mereply">{{ $t("jyzx.discuss.replyMe") }}</DropdownItem>
|
|
|
- </DropdownMenu>
|
|
|
- </Dropdown>
|
|
|
+
|
|
|
+ <div class="totalbox">
|
|
|
+ <Icon type="md-add-circle" size="25" color="#57a3f3" @click="topicShow = !topicShow" :title="$t('jyzx.discuss.addTopic')" />
|
|
|
+ <!-- <Button type="primary">{{ $t("jyzx.discuss.addTopic") }}</Button> -->
|
|
|
</div>
|
|
|
<!-- <div class="topicbtn">
|
|
|
<Button
|
|
@@ -299,7 +302,7 @@ export default {
|
|
|
}
|
|
|
.topicheader {
|
|
|
/* width: 90%; */
|
|
|
- height: 70px;
|
|
|
+ height: 55px;
|
|
|
/* margin: 0% 5%; */
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
}
|
|
@@ -307,7 +310,11 @@ export default {
|
|
|
.headerleft {
|
|
|
width: 48%;
|
|
|
float: left;
|
|
|
- padding: 1% 0% 1% 2%;
|
|
|
+ // padding: 1% 0% 1% 2%;
|
|
|
+ padding-left: 2%;
|
|
|
+ display: flex;
|
|
|
+ // justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.totalbox {
|
|
@@ -318,7 +325,7 @@ export default {
|
|
|
.taginfo {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- margin-left: 4%;
|
|
|
+ // margin-left: 4%;
|
|
|
|
|
|
.ivu-checkbox{
|
|
|
display: none;
|
|
@@ -329,6 +336,10 @@ export default {
|
|
|
border-color: #16C18E;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
+ .ivu-checkbox-border{
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
}
|
|
|
#statementBox {
|
|
|
margin: 1%;
|
|
@@ -339,14 +350,17 @@ export default {
|
|
|
/* float: left; */
|
|
|
padding: 0% 2%;
|
|
|
display: inline-block;
|
|
|
- margin-top: 10px;
|
|
|
+ // margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
.headerright {
|
|
|
width: 45%;
|
|
|
float: right;
|
|
|
padding: 0.5% 2% 1% 2%;
|
|
|
- text-align: right;
|
|
|
+ // text-align: right;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.aboutme {
|
|
@@ -354,12 +368,17 @@ export default {
|
|
|
/* display: inline-block;
|
|
|
line-height: 40px; */
|
|
|
line-height: 48px;
|
|
|
- float: right;
|
|
|
+ // float: right;
|
|
|
+ padding-left: 2%;
|
|
|
+
|
|
|
+ .ivu-dropdown{
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.topicbtn {
|
|
|
width: 15%;
|
|
|
- float: right;
|
|
|
+ // float: right;
|
|
|
}
|
|
|
|
|
|
.ivu-btn-circle {
|