Compare commits

...

4 Commits

Author SHA1 Message Date
wangsiyuan 1c043f2041 更新 policy.wxss 2024-01-09 16:04:43 +08:00
wangsiyuan 35d6a58a44 更新 policy.wxml 2024-01-09 16:04:40 +08:00
wangsiyuan 9d6a63ddd3 更新 policy.js 2024-01-09 16:04:38 +08:00
wangsiyuan d11830d360 更新 home.js 2024-01-09 16:04:36 +08:00
4 changed files with 35 additions and 32 deletions

View File

@ -22,8 +22,15 @@ Page({
wx.request({
url: requestUrl + '/api/get-menu', // 更改为你的实际API地址
success: (res) => {
let code = res.data.code
console.log(res.data)
this.setData({ menuItems: res.data.data });
if (code == 0) {
console.log("请求菜单信息成功")
this.setData({ menuItems: res.data.data });
} else{
console.log("请求菜单信息失败")
}
}
});
},

View File

@ -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('请求政策列表失败')
}
}
})
},
/**

View File

@ -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>

View File

@ -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; /* 内边距,根据需要调整 */
}