|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="contents" v-loading="loading">
|
|
|
- <div class="grxq">
|
|
|
+ <div class="grxq gary">
|
|
|
<div class="top">
|
|
|
<div><audio controls autoplay loop src="https://data2.rrxh5.cc//2015/09/01/1441073275128.mp3">您的浏览器不支持 audio 标签。</audio></div>
|
|
|
<div class="name">
|
|
@@ -64,42 +64,42 @@
|
|
|
@size-change="handleSizeChange"
|
|
|
@current-change="handleCurrentChange"
|
|
|
/>
|
|
|
- <!--弹出留言-->
|
|
|
- <el-drawer
|
|
|
- :size="'80%'"
|
|
|
- :wrapperClosable="false"
|
|
|
- :close-on-press-escape="false"
|
|
|
- :destroy-on-close="true"
|
|
|
- :visible.sync="drawer"
|
|
|
- :direction="'btt'"
|
|
|
- :before-close="handleClose"
|
|
|
- >
|
|
|
- <div class="drawer__content" style="overflow:scroll">
|
|
|
- <el-form ref="messageForm" :model="messageForm" :rules="rules">
|
|
|
- <el-form-item label="姓名" prop="name" :label-width="'80px'">
|
|
|
- <el-col :span="20"><el-input v-model="messageForm.name" placeholder="请输入您的姓名" /></el-col>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label-width="'80px'">
|
|
|
- <el-radio-group size="small" v-model="messageForm.type" @change="tepyChange">
|
|
|
- <el-radio-button :label="1">留言语</el-radio-button>
|
|
|
- <el-radio-button :label="2">留念语</el-radio-button>
|
|
|
- <el-radio-button :label="3">缅怀语</el-radio-button>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label-width="'10px'">
|
|
|
- <div class="box-card">
|
|
|
- <el-table v-loading="loading" height="200" :border="true" :data="modelOptions" highlight-current-row @current-change="modelCurrentChange">
|
|
|
- <el-table-column label="选择留言" prop="contents" />
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <div class="drawer__footer" style="text-align: center;"><el-button type="primary" @click="addMessages" :loading="loading">留言</el-button></div>
|
|
|
- </div>
|
|
|
- </el-drawer>
|
|
|
- <!--弹出留言-->
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--弹出留言-->
|
|
|
+ <el-drawer
|
|
|
+ :size="'80%'"
|
|
|
+ :wrapperClosable="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :destroy-on-close="true"
|
|
|
+ :visible.sync="drawer"
|
|
|
+ :direction="'btt'"
|
|
|
+ :before-close="handleClose"
|
|
|
+ >
|
|
|
+ <div class="drawer__content" style="overflow:scroll">
|
|
|
+ <el-form ref="messageForm" :model="messageForm" :rules="rules">
|
|
|
+ <el-form-item label="姓名" prop="name" :label-width="'80px'">
|
|
|
+ <el-col :span="20"><el-input v-model="messageForm.name" placeholder="请输入您的姓名" /></el-col>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label-width="'80px'">
|
|
|
+ <el-radio-group size="small" v-model="messageForm.type" @change="tepyChange">
|
|
|
+ <el-radio-button :label="1">留言语</el-radio-button>
|
|
|
+ <el-radio-button :label="2">留念语</el-radio-button>
|
|
|
+ <el-radio-button :label="3">缅怀语</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label-width="'10px'">
|
|
|
+ <div class="box-card">
|
|
|
+ <el-table v-loading="loading" height="200" :border="true" :data="modelOptions" highlight-current-row @current-change="modelCurrentChange">
|
|
|
+ <el-table-column label="选择留言" prop="contents" />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="drawer__footer" style="text-align: center;"><el-button type="primary" @click="addMessages" :loading="loading">留言</el-button></div>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
+ <!--弹出留言-->
|
|
|
<div class="add_btn" @click="drawer = true">留言</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -196,17 +196,15 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang="scss">
|
|
|
+<style lang="scss" scoped>
|
|
|
//个人详情
|
|
|
-html {
|
|
|
- filter: grayscale(100%);
|
|
|
- -webkit-filter: grayscale(100%);
|
|
|
- -moz-filter: grayscale(100%);
|
|
|
- -ms-filter: grayscale(100%);
|
|
|
- -o-filter: grayscale(100%);
|
|
|
- filter: url('data:image/svg+xml;utf8,#grayscale');
|
|
|
- filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
|
|
|
- -webkit-filter: grayscale(1);
|
|
|
+.gary {
|
|
|
+ -webkit-filter: grayscale(100%);
|
|
|
+ -moz-filter: grayscale(100%);
|
|
|
+ -ms-filter: grayscale(100%);
|
|
|
+ -o-filter: grayscale(100%);
|
|
|
+ filter: grayscale(100%);
|
|
|
+ filter: gray;
|
|
|
}
|
|
|
.grxq {
|
|
|
padding: 15px;
|