推荐区卡片样式

src/components/area/RecommendedArea.vue

@@ -6,11 +6,14 @@
     circle-style="green"
     content-style="37"
   >
-    <div v-for="vl in values" :key="vl">
-      <div>{{vl.stationName}}</div>
-      <div>{{vl.content}}</div>
-      <div>{{vl.createTime}}</div>
-    </div>
+  <table v-for="vl in values" :key="vl">
+    
+      <tr>{{vl.stationName}}</tr>
+      <tr>{{vl.content}}</tr>
+      <tr>{{vl.createTime}}</tr>
+    
+  </table>
+    
   </gy-card>
 </template>
 
@@ -46,4 +49,18 @@ export default {
   },
 };
 </script>
+<style scoped>
+table{
+  background-image: url("../../assets/img/RecommendedArea/guznzhu_bg_01.png");
+  text-align: center;
+  font-size:12px;
+  width: 110px;
+  height: 110px;
+  background-size:110px;
+  margin-left: 10px;
+  margin-top: 10px;
+  padding-top: 10px;
+  background-repeat:no-repeat;
+}
+</style>