|
@@ -69,113 +69,137 @@
|
69
|
69
|
>
|
70
|
70
|
</el-col>
|
71
|
71
|
<el-col :span="6" style="text-align: center">
|
72
|
|
- <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_five.jpg')">
|
73
|
|
- <el-tooltip
|
74
|
|
- class="item"
|
75
|
|
- effect="dark"
|
76
|
|
- content="点击查看大图"
|
77
|
|
- placement="top-start"
|
78
|
|
- :hide-after="2000"
|
79
|
|
- >
|
80
|
|
- <!--<el-image-->
|
81
|
|
- <!--style="width: 200px; height: 200px"-->
|
82
|
|
- <!--:src="require('@/assets/home/5.jpg')"-->
|
83
|
|
- <!--:preview-src-list="imgs_five"-->
|
84
|
|
- <!--></el-image>-->
|
|
72
|
+ <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_five.jpg')">
|
|
73
|
+ <el-tooltip
|
|
74
|
+ class="item"
|
|
75
|
+ effect="dark"
|
|
76
|
+ content="点击查看大图"
|
|
77
|
+ placement="top-start"
|
|
78
|
+ :hide-after="2000"
|
|
79
|
+ >
|
|
80
|
+ <!--<el-image-->
|
|
81
|
+ <!--style="width: 200px; height: 200px"-->
|
|
82
|
+ <!--:src="require('@/assets/home/5.jpg')"-->
|
|
83
|
+ <!--:preview-src-list="imgs_five"-->
|
|
84
|
+ <!--></el-image>-->
|
85
|
85
|
|
86
|
|
- <el-image
|
87
|
|
- style="width: 200px; height: 200px"
|
88
|
|
- :src="require('@/assets/home/5.jpg')"
|
89
|
|
- ></el-image>
|
|
86
|
+ <el-image
|
|
87
|
+ style="width: 200px; height: 200px"
|
|
88
|
+ :src="require('@/assets/home/5.jpg')"
|
|
89
|
+ ></el-image>
|
90
|
90
|
|
91
|
|
- </el-tooltip>
|
92
|
|
- </div>
|
93
|
|
- <el-radio v-model="radio" label="5" @change="change"
|
94
|
|
- >模版三</el-radio
|
95
|
|
- >
|
|
91
|
+ </el-tooltip>
|
|
92
|
+ </div>
|
|
93
|
+ <el-radio v-model="radio" label="5" @change="change"
|
|
94
|
+ >模版三</el-radio
|
|
95
|
+ >
|
96
|
96
|
</el-col>
|
97
|
97
|
<el-col :span="6" style="text-align: center">
|
98
|
|
- <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/serven.png')">
|
99
|
|
- <el-tooltip
|
100
|
|
- class="item"
|
101
|
|
- effect="dark"
|
102
|
|
- content="点击查看大图"
|
103
|
|
- placement="top-start"
|
104
|
|
- :hide-after="2000"
|
105
|
|
- >
|
106
|
|
- <!--<el-image-->
|
107
|
|
- <!--style="width: 200px; height: 200px"-->
|
108
|
|
- <!--:src="require('@/assets/home/serven.png')"-->
|
109
|
|
- <!--:preview-src-list="imgs_seven"-->
|
110
|
|
- <!--></el-image>-->
|
|
98
|
+ <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/serven.png')">
|
|
99
|
+ <el-tooltip
|
|
100
|
+ class="item"
|
|
101
|
+ effect="dark"
|
|
102
|
+ content="点击查看大图"
|
|
103
|
+ placement="top-start"
|
|
104
|
+ :hide-after="2000"
|
|
105
|
+ >
|
|
106
|
+ <!--<el-image-->
|
|
107
|
+ <!--style="width: 200px; height: 200px"-->
|
|
108
|
+ <!--:src="require('@/assets/home/serven.png')"-->
|
|
109
|
+ <!--:preview-src-list="imgs_seven"-->
|
|
110
|
+ <!--></el-image>-->
|
111
|
111
|
|
112
|
|
- <el-image
|
113
|
|
- style="width: 200px; height: 200px"
|
114
|
|
- :src="require('@/assets/home/serven.png')"
|
115
|
|
- ></el-image>
|
116
|
|
- </el-tooltip>
|
117
|
|
- </div>
|
118
|
|
- <el-radio v-model="radio" label="7" @change="change"
|
119
|
|
- >模版四</el-radio
|
120
|
|
- >
|
|
112
|
+ <el-image
|
|
113
|
+ style="width: 200px; height: 200px"
|
|
114
|
+ :src="require('@/assets/home/serven.png')"
|
|
115
|
+ ></el-image>
|
|
116
|
+ </el-tooltip>
|
|
117
|
+ </div>
|
|
118
|
+ <el-radio v-model="radio" label="7" @change="change"
|
|
119
|
+ >模版四</el-radio
|
|
120
|
+ >
|
121
|
121
|
</el-col>
|
122
|
122
|
</el-row>
|
123
|
123
|
<el-row :gutter="20" type="flex">
|
124
|
124
|
<el-col :span="6" style="text-align: center">
|
125
|
|
- <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
|
126
|
|
- <el-tooltip
|
127
|
|
- class="item"
|
128
|
|
- effect="dark"
|
129
|
|
- content="点击查看大图"
|
130
|
|
- placement="top-start"
|
131
|
|
- :hide-after="2000"
|
132
|
|
- >
|
133
|
|
- <!--<el-image-->
|
134
|
|
- <!--style="width: 200px; height: 200px;margin-left:-60px"-->
|
135
|
|
- <!--:src="require('@/assets/home/eight.png')"-->
|
136
|
|
- <!--:preview-src-list="imgs_six"-->
|
137
|
|
- <!--></el-image>-->
|
|
125
|
+ <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/eight.png')">
|
|
126
|
+ <el-tooltip
|
|
127
|
+ class="item"
|
|
128
|
+ effect="dark"
|
|
129
|
+ content="点击查看大图"
|
|
130
|
+ placement="top-start"
|
|
131
|
+ :hide-after="2000"
|
|
132
|
+ >
|
|
133
|
+ <!--<el-image-->
|
|
134
|
+ <!--style="width: 200px; height: 200px;margin-left:-60px"-->
|
|
135
|
+ <!--:src="require('@/assets/home/eight.png')"-->
|
|
136
|
+ <!--:preview-src-list="imgs_six"-->
|
|
137
|
+ <!--></el-image>-->
|
138
|
138
|
|
139
|
|
- <el-image
|
140
|
|
- style="width: 200px; height: 200px;margin-left:-60px"
|
141
|
|
- :src="require('@/assets/home/eight.png')"
|
142
|
|
- ></el-image>
|
143
|
|
- </el-tooltip>
|
144
|
|
- </div>
|
145
|
|
- <el-radio
|
146
|
|
- v-model="radio"
|
147
|
|
- label="8"
|
148
|
|
- @change="change"
|
149
|
|
- style="margin-left:-60px"
|
150
|
|
- >模版五</el-radio
|
151
|
|
- >
|
|
139
|
+ <el-image
|
|
140
|
+ style="width: 200px; height: 200px;margin-left:-60px"
|
|
141
|
+ :src="require('@/assets/home/eight.png')"
|
|
142
|
+ ></el-image>
|
|
143
|
+ </el-tooltip>
|
|
144
|
+ </div>
|
|
145
|
+ <el-radio
|
|
146
|
+ v-model="radio"
|
|
147
|
+ label="8"
|
|
148
|
+ @change="change"
|
|
149
|
+ style="margin-left:-60px"
|
|
150
|
+ >模版五</el-radio
|
|
151
|
+ >
|
152
|
152
|
</el-col>
|
153
|
153
|
<el-col :span="6" style="text-align: center">
|
154
|
|
- <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
|
155
|
|
- <el-tooltip
|
156
|
|
- class="item"
|
157
|
|
- effect="dark"
|
158
|
|
- content="点击查看大图"
|
159
|
|
- placement="top-start"
|
160
|
|
- :hide-after="2000"
|
161
|
|
- >
|
162
|
|
- <!--<el-image-->
|
163
|
|
- <!--style="width: 200px; height: 200px;margin-left:30px"-->
|
164
|
|
- <!--:src="require('@/assets/home/template_six.png')"-->
|
165
|
|
- <!--:preview-src-list="imgs_eight"-->
|
166
|
|
- <!--></el-image>-->
|
|
154
|
+ <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/template_six.png')">
|
|
155
|
+ <el-tooltip
|
|
156
|
+ class="item"
|
|
157
|
+ effect="dark"
|
|
158
|
+ content="点击查看大图"
|
|
159
|
+ placement="top-start"
|
|
160
|
+ :hide-after="2000"
|
|
161
|
+ >
|
|
162
|
+ <!--<el-image-->
|
|
163
|
+ <!--style="width: 200px; height: 200px;margin-left:30px"-->
|
|
164
|
+ <!--:src="require('@/assets/home/template_six.png')"-->
|
|
165
|
+ <!--:preview-src-list="imgs_eight"-->
|
|
166
|
+ <!--></el-image>-->
|
167
|
167
|
|
168
|
|
- <el-image
|
169
|
|
- style="width: 200px; height: 200px;margin-left:30px"
|
170
|
|
- :src="require('@/assets/home/template_six.png')"
|
171
|
|
- ></el-image>
|
172
|
|
- </el-tooltip>
|
173
|
|
- </div>
|
174
|
|
- <el-radio v-model="radio" label="6" @change="change"
|
175
|
|
- >模版六</el-radio
|
176
|
|
- >
|
|
168
|
+ <el-image
|
|
169
|
+ style="width: 200px; height: 200px;margin-left:30px"
|
|
170
|
+ :src="require('@/assets/home/template_six.png')"
|
|
171
|
+ ></el-image>
|
|
172
|
+ </el-tooltip>
|
|
173
|
+ </div>
|
|
174
|
+ <el-radio v-model="radio" label="6" @change="change"
|
|
175
|
+ >模版六</el-radio
|
|
176
|
+ >
|
177
|
177
|
</el-col>
|
|
178
|
+ <el-col :span="6" style="text-align: center">
|
|
179
|
+ <div class="demo-image__preview" @click="imgClick('https://images.shengws.com/serven.png')">
|
|
180
|
+ <el-tooltip
|
|
181
|
+ class="item"
|
|
182
|
+ effect="dark"
|
|
183
|
+ content="点击查看大图"
|
|
184
|
+ placement="top-start"
|
|
185
|
+ :hide-after="2000"
|
|
186
|
+ >
|
|
187
|
+ <!--<el-image-->
|
|
188
|
+ <!--style="width: 200px; height: 200px"-->
|
|
189
|
+ <!--:src="require('@/assets/home/serven.png')"-->
|
|
190
|
+ <!--:preview-src-list="imgs_seven"-->
|
|
191
|
+ <!--></el-image>-->
|
178
|
192
|
|
|
193
|
+ <el-image
|
|
194
|
+ style="width: 200px; height: 200px"
|
|
195
|
+ :src="require('@/assets/home/serven.png')"
|
|
196
|
+ ></el-image>
|
|
197
|
+ </el-tooltip>
|
|
198
|
+ </div>
|
|
199
|
+ <el-radio v-model="radio" label="74" @change="change"
|
|
200
|
+ >sop</el-radio
|
|
201
|
+ >
|
|
202
|
+ </el-col>
|
179
|
203
|
<!--<el-col :span="6" style="text-align: center">-->
|
180
|
204
|
<!--<div class="demo-image__preview">-->
|
181
|
205
|
<!--<el-tooltip-->
|
|
@@ -206,7 +230,7 @@
|
206
|
230
|
></el-image-viewer>
|
207
|
231
|
|
208
|
232
|
</div>
|
209
|
|
- </div>
|
|
233
|
+ <!-- </div> -->
|
210
|
234
|
</template>
|
211
|
235
|
|
212
|
236
|
<script>
|