|
|
@@ -36,18 +36,20 @@
|
|
|
<el-button type="success" round @click="liveon()" size="mini"><i class="el-icon-camera-solid"></i></el-button>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="chat">
|
|
|
- <el-col :span="24" class="chatList">
|
|
|
- 聊天列表
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="chatInput">
|
|
|
- <el-col :span="19" class="input">
|
|
|
- <el-input v-model="content"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5" class="btn">
|
|
|
- <el-button type="primary" size="mini" @click="onSubmit">发送</el-button>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="24" class="down">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="互动" name="first">
|
|
|
+ <el-col :span="24" class="chat">
|
|
|
+ <el-col :span="24" class="chatInfo">
|
|
|
+ 聊天
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="submit">
|
|
|
+ <el-input v-model="input"></el-input>
|
|
|
+ <el-button type="primary" size="mini">发送</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -81,6 +83,8 @@ export default {
|
|
|
sendmemo: '',
|
|
|
total: 0,
|
|
|
content: '',
|
|
|
+ activeName: 'first',
|
|
|
+ input: '',
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -164,6 +168,9 @@ export default {
|
|
|
imgclick(url) {
|
|
|
location.href = url;
|
|
|
},
|
|
|
+ handleClick(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
+ },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
@@ -185,18 +192,10 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.info {
|
|
|
- .title {
|
|
|
- text-align: center;
|
|
|
- padding: 10px 0;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
.video {
|
|
|
position: relative;
|
|
|
height: 280px;
|
|
|
overflow: hidden;
|
|
|
- // background: #000;
|
|
|
- margin: 0 0 10px 0;
|
|
|
.videoMeet {
|
|
|
.one {
|
|
|
height: 210px;
|
|
|
@@ -225,24 +224,30 @@ export default {
|
|
|
left: 10px;
|
|
|
}
|
|
|
}
|
|
|
- .chat {
|
|
|
+ .down {
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+ min-height: 290px;
|
|
|
background: #fff;
|
|
|
- padding: 10px;
|
|
|
- .chatList {
|
|
|
- border: 1px solid #ccc;
|
|
|
- min-height: 300px;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- border-radius: 10px;
|
|
|
- padding: 5px 10px;
|
|
|
- }
|
|
|
- .chatInput {
|
|
|
- .el-button {
|
|
|
- width: 100%;
|
|
|
- padding: 13px 0;
|
|
|
+ .chat {
|
|
|
+ .chatInfo {
|
|
|
+ height: 275px;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0 10px;
|
|
|
+ margin: 0 0 15px 0;
|
|
|
+ }
|
|
|
+ .submit {
|
|
|
+ .el-input {
|
|
|
+ width: 85%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+/deep/.el-button--mini,
|
|
|
+.el-button--mini.is-round {
|
|
|
+ padding: 12px 15px;
|
|
|
+ border-radius: 0;
|
|
|
+}
|
|
|
.my-swipe .van-swipe-item {
|
|
|
color: #fff;
|
|
|
font-size: 20px;
|
