样式调整

app.css

@@ -0,0 +1,141 @@
+@import './pages/iconfont/iconfont.css'; /**app.wxss**/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+ 
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+ 
+body {
+    line-height: 1;
+}
+ 
+ol, ul {
+    list-style: none;
+}
+ 
+blockquote, q {
+    quotes: none;
+}
+ 
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: '';
+    content: none;
+}
+ 
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+html {
+    font-size: 62.5%;
+    color: #222;
+}
+ 
+::selection {
+    background-color: #b3d4fc;
+    text-shadow: none;
+}
+ 
+ul {
+    margin: 0;
+    padding: 0;
+}
+ 
+li {
+    list-style: none;
+}
+.clearfix:before,
+.clearfix:after {
+    content: " ";
+    display: table;
+}
+ 
+.clearfix:after {
+    clear: both;
+}
+/* ===============
+   自定义页面样式
+   =============== */
+body {
+    font:1.2rem "simhei",Arial,Helvetica,sans-serif;
+    line-height: 1.5;
+    background-color: #f7f7f7;
+}
+ 
+a {
+    color: #666;
+    text-decoration: none;
+}
+ 
+a:hover, a:active {
+    color: #0ae;
+    text-decoration: underline;
+}
+/*公共类*/
+.fl {
+    float: left
+}
+.fr {
+    float: right
+}
+.al {
+    text-align: left
+}
+.ac {
+    text-align: center
+}
+.ar {
+    text-align: right
+}
+.hide {
+    display: none
+}
+.container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0rpx 20rpx;
+    box-sizing: border-box;
+}
+.fengexian {
+    width: 100%;
+    height: 20rpx;
+    background: #f6f6f6;
+    border-radius: 6rpx;
+}
+image {
+    display: block;
+    overflow: auto;
+}
+.titleLeft {
+    font-size: 40rpx;
+    font-weight: 600;
+    color: #07c160;
+    text-align: left;
+    line-height: 90rpx;
+    width: 100%;
+}

pages/index/index.css

@@ -103,6 +103,9 @@
     align-items: center;
     width: 100%;
 }
+.titleLeft {
+    display: flex;
+}
 
 .gonggao span {
     font-size: 30rpx;
@@ -110,7 +113,7 @@
 }
 
 .gonggao span .iconfont {
-    font-size: 40rpx;
+    font-size: 40rpx;	
     color: #07c160;
     line-height: 40rpx;
     float: left;

pages/index/index.vue

@@ -69,7 +69,7 @@
                 <image :src="loadImgSrc('/zctj.png')"></image>
                 <ul>
                     <view v-for="(item, index) in msgList" :key="index">
-                        <li>
+                        <li style="display: flex;">
                             <em class="iconfont icon-yuandianxiao"></em>
                             {{ item.title }}
                         </li>
@@ -260,7 +260,65 @@ export default {
             interval: 2000,
             duration: 500,
             circular: true,
-            indexList: ''
+            indexList: [
+			  {
+				  "ck": "10",
+				  "dz": "10",
+				  "id": 1,
+				  "imgList": [],
+				  "jf": "100",
+				  "pl": "10",
+				  "title": "探索乡村能源供给新模式 绘就乡村振兴美丽新画卷"
+			  },
+			  {
+				  "ck": "20",
+				  "dz": "200",
+				  "id": 2,
+				  "imgList": [
+					  {
+						  "url": "/xczx01.png"
+					  }
+				  ],
+				  "jf": "220",
+				  "pl": "20",
+				  "title": "探索乡村能源供给新模式 绘就乡村振兴美丽新画卷"
+			  },
+			  {
+				  "ck": "30",
+				  "dz": "320",
+				  "id": 3,
+				  "imgList": [
+					  {
+						  "url": "/xczx01.png"
+					  },
+					  {
+						  "url": "/xczx01.png"
+					  }
+				  ],
+				  "jf": "300",
+				  "ly": "30",
+				  "title": "探索乡村能源供给新模式 绘就乡村振兴美丽新画卷"
+			  },
+			  {
+				  "ck": "40",
+				  "dz": "420",
+				  "id": 4,
+				  "imgList": [
+					  {
+						  "url": "/img1.png"
+					  },
+					  {
+						  "url": "/img1.png"
+					  },
+					  {
+						  "url": "/img1.png"
+					  }
+				  ],
+				  "jf": "400",
+				  "pl": "40",
+				  "title": "探索乡村能源供给新模式 绘就乡村振兴美丽新画卷"
+			  }
+			]
         };
     }
     /**

pages/sannong/sannong.vue

@@ -13,7 +13,6 @@
                             <view class="onePic" v-if="item.imgList.length == 1">
                                 <image :src="loadImgSrc(item.url)" v-for="(item, index2) in item.imgList" :key="index2"></image>
                             </view>
-							{{host + item}}
                             <view class="twoPic" v-if="item.imgList.length == 2">
                                 <image :src="loadImgSrc(item.url)" v-for="(item, index2) in item.imgList" :key="index2"></image>
                             </view>

pages/shangcheng/shangcheng.css

@@ -174,7 +174,7 @@
     background: #e8e8e8;
     box-shadow: 0rpx 0rpx 16rpx #999;
     padding: 0 56rpx;
-    width: 85%;
+    width: 100%;
 }
 .fabiaoPl view {
     width: 112rpx;

uni.scss

@@ -60,4 +60,37 @@ $uni-font-size-title:20px;
 $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
-$uni-font-size-paragraph:15px;
+$uni-font-size-paragraph:15px;
+
+em{
+	display: inline-block;
+}
+/**app.wxss**/
+
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0rpx 20rpx;
+  box-sizing: border-box;
+} 
+.fengexian{
+  width: 100%;
+  height: 20rpx;
+  background: #f6f6f6;
+  border-radius: 6rpx;
+}
+image {
+  display: block;
+  overflow: auto;
+}
+.titleLeft {
+  font-size: 40rpx;
+  font-weight: 600;
+  color: #07c160;
+  text-align: left;
+  line-height: 90rpx;
+  width: 100%;
+}