Compare commits
4 Commits
138d104692
...
1c043f2041
| Author | SHA1 | Date |
|---|---|---|
|
|
1c043f2041 | |
|
|
35d6a58a44 | |
|
|
9d6a63ddd3 | |
|
|
d11830d360 |
|
|
@ -22,8 +22,15 @@ Page({
|
|||
wx.request({
|
||||
url: requestUrl + '/api/get-menu', // 更改为你的实际API地址
|
||||
success: (res) => {
|
||||
let code = res.data.code
|
||||
console.log(res.data)
|
||||
if (code == 0) {
|
||||
console.log("请求菜单信息成功")
|
||||
this.setData({ menuItems: res.data.data });
|
||||
} else{
|
||||
console.log("请求菜单信息失败")
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,38 +1,32 @@
|
|||
// pages/policy/policy.js
|
||||
import { requestUrl } from '../../utils/config.js';
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
policies: [
|
||||
{ title: "政策标题1", date: "2024-01-01" },
|
||||
{ title: "政策标题2", date: "2023-01-02" },
|
||||
{ title: "政策标题3", date: "2022-01-02" },
|
||||
{ title: "政策标题4", date: "2023-01-02" },
|
||||
{ title: "政策标题5", date: "2022-01-02" },
|
||||
{ title: "政策标题6", date: "2023-01-02" },
|
||||
{ title: "政策标题7", date: "2021-01-02" },
|
||||
{ title: "政策标题8", date: "2021-01-02" },
|
||||
{ title: "政策标题9", date: "2024-02-02" },
|
||||
{ title: "政策标题10", date: "2024-03-02" },
|
||||
{ title: "政策标题11", date: "2024-04-02" },
|
||||
{ title: "政策标题12", date: "2024-01-02" },
|
||||
{ title: "政策标题13", date: "2024-01-02" },
|
||||
{ title: "政策标题14", date: "2024-01-02" },
|
||||
{ title: "政策标题15", date: "2024-01-02" },
|
||||
{ title: "政策标题16", date: "2024-01-02" },
|
||||
{ title: "政策标题17", date: "2024-01-02" },
|
||||
// 更多政策数据...
|
||||
]
|
||||
// 更多数据...
|
||||
policy_list:[],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
wx.request({
|
||||
url:requestUrl + '/api/policy-list',
|
||||
method: 'GET',
|
||||
success: (res) => {
|
||||
let code = res.data.code
|
||||
if (code == 0) {
|
||||
console.log("请求政策列表成功")
|
||||
this.setData({policy_list:res.data.data});
|
||||
} else {
|
||||
console.log('请求政策列表失败')
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -1,19 +1,18 @@
|
|||
<view class="policy-page">
|
||||
<!-- 搜索框 -->
|
||||
<view class="search-bar">
|
||||
<input type="text" placeholder="请输入关键字搜索" confirm-type="search" />
|
||||
<input class="input-class" type="text" placeholder="请输入关键字搜索" confirm-type="search" />
|
||||
</view>
|
||||
|
||||
<!-- 政策列表 -->
|
||||
<view class="policy-list">
|
||||
<!-- 循环遍历政策数据 -->
|
||||
<block wx:for="{{policies}}" wx:key="unique">
|
||||
<block wx:for="{{policy_list}}" wx:key="unique">
|
||||
<!-- 每项政策使用圆角矩形卡片展示 -->
|
||||
<view class="policy-card">
|
||||
<view class="policy-item">
|
||||
<view class="title">{{item.title}}
|
||||
</view>
|
||||
<view class="date">发布时间:{{item.date}}</view>
|
||||
<text class="title">{{item.title}}</text>
|
||||
<text class="date">发布时间:{{item.date}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
|
|
|
|||
|
|
@ -3,22 +3,25 @@
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
.search-bar input {
|
||||
.search-bar, .input-class {
|
||||
width: 90%;
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc; /* 轻微边框 */
|
||||
border-radius: 5px; /* 圆角 */
|
||||
margin:0 auto; /* 上下保持0,左右自动,实现水平居中 */
|
||||
}
|
||||
.policy-item .title, .policy-item .date {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.policy-list .policy-item {
|
||||
padding: 10px;
|
||||
padding: 10rpx;
|
||||
}
|
||||
|
||||
|
||||
.policy-item .title {
|
||||
font-size: 18px;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
|
@ -31,6 +34,6 @@
|
|||
background-color: white; /* 卡片背景色 */
|
||||
border-radius: 10px; /* 圆角 */
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
|
||||
margin: 10px; /* 外边距,根据需要调整 */
|
||||
padding: 15px; /* 内边距,根据需要调整 */
|
||||
margin: 20rpx; /* 外边距,根据需要调整 */
|
||||
padding: 20rpx; /* 内边距,根据需要调整 */
|
||||
}
|
||||
|
|
|
|||
Reference in New Issue