|
|
@@ -0,0 +1,73 @@
|
|
|
+<template>
|
|
|
+ <div id="chat-frame">
|
|
|
+ <van-sticky :offset-top="0">
|
|
|
+ <van-nav-bar :left-arrow="returns ? true : false" :left-text="returns ? title : ''" @click-left="$router.push({ path: returns })">
|
|
|
+ <template #right>
|
|
|
+ <van-icon name="ellipsis" @click="toCheckMore()" />
|
|
|
+ </template>
|
|
|
+ </van-nav-bar>
|
|
|
+ </van-sticky>
|
|
|
+ <div style="margin-bottom:50px;">
|
|
|
+ <van-row v-for="i in 100" :key="i">
|
|
|
+ <van-col span="24">{{ i }}</van-col>
|
|
|
+ </van-row>
|
|
|
+ </div>
|
|
|
+ <van-row class="footer" type="flex" justify="center">
|
|
|
+ <van-col sapn="2" class="iconfont icon-yuyin icons"> </van-col>
|
|
|
+ <van-col span="18" style="padding-right:5px;">
|
|
|
+ <van-field v-model="value" class="chat__input" />
|
|
|
+ </van-col>
|
|
|
+ <van-col sapn="2" class="iconfont icon-biaoqing icons"> </van-col>
|
|
|
+ <van-col sapn="2" class="iconfont icon-21 icons"> </van-col>
|
|
|
+ </van-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'chat-frame',
|
|
|
+ props: { title: null, returns: { type: null, default: null } },
|
|
|
+ components: {},
|
|
|
+ data: () => ({
|
|
|
+ value: '',
|
|
|
+ }),
|
|
|
+ created() {},
|
|
|
+ mounted() {
|
|
|
+ this.container = this.$refs.container;
|
|
|
+ },
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ toCheckMore() {
|
|
|
+ //TODO 查看更多信息,返回父组件,根据不同情景查询
|
|
|
+ console.log('to More');
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.footer {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ background: #cccccc;
|
|
|
+}
|
|
|
+.icons {
|
|
|
+ zoom: 1.5;
|
|
|
+ padding-top: 0.6rem;
|
|
|
+ padding-left: 0.1875rem;
|
|
|
+}
|
|
|
+.chat__input {
|
|
|
+ width: 100%;
|
|
|
+ background: #cccccc;
|
|
|
+ padding: 0.625rem 0;
|
|
|
+}
|
|
|
+/deep/.van-cell__value--alone {
|
|
|
+ color: #323233;
|
|
|
+ text-align: left;
|
|
|
+ background: #ffffff;
|
|
|
+}
|
|
|
+/deep/.van-field__control {
|
|
|
+ height: 27px;
|
|
|
+}
|
|
|
+</style>
|
