南岸早知道

nnzwminiapp/pages/nnzzd/nnzzd-item.wxml

@@ -0,0 +1,11 @@
+<view class="item-main">
+    <view class="item-left">
+        <view class="item-point"></view>
+        <view class="itme-line"></view>
+    </view>
+    <view class="item-right">
+        <view class="item-title">新闻标题</view>
+        <view class="item-date">2023.07.11</view>
+        <view class="item-context">拉卡机了咖啡机垃圾分类卡机了咖啡机阿里斯顿积分栏</view>
+    </view>
+</view>

nnzwminiapp/pages/nnzzd/nnzzd.json

@@ -1,5 +1,4 @@
 {
   "usingComponents": {},
-  "navigationBarTitleText": "首页",
-	"navigationStyle": "custom"
+  "navigationBarTitleText": "南岸早知道"
 }

nnzwminiapp/pages/nnzzd/nnzzd.wxml

@@ -1,6 +1,11 @@
 <!--pages/nnzzd/nnzzd.wxml-->
 <view >
-    <view class="title"></view>
-    <view class="news"></view>
-
-</view>>
+    <view class="title">
+        <view class="titleTile">南岸早知道</view>
+        <view class="dy">立即订阅</view>
+        <view class="dyrs">已订阅人数<view class="dysl">{{dyrs}}</view></view>
+    </view>
+    <view class="news">
+        <include src="nnzzd-item.wxml"/>
+    </view>
+</view>

nnzwminiapp/pages/nnzzd/nnzzd.wxss

@@ -1,6 +1,40 @@
 /* pages/nnzzd/nnzzd.wxss */
 .title{
     width: 100%;
-    height: 600rpx;
-    background: #000;
+    height: 500rpx;
+    background: #fccccc;
+}
+.item-main{
+    width: 80%;
+    min-height: 300rpx; 
+}
+.item-point {
+    width: 15rpx;
+    height: 15rpx;
+    border-radius: 15rpx;
+    background: #2e6bfc;
+    box-shadow:0rpx 0rpx 10rpx 10rpx #d1ddf8;
+    margin: 20rpx auto 0rpx;
+}
+.itme-line{
+    width: 1rpx;
+    min-height: 300rpx;
+    background: #2e6bfc;
+    margin: 0rpx auto ;
+}
+.item-left{
+    width: 10%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    float: left;
+}
+.item-right{
+    width: 90%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    float: left;
 }