wxapp
This commit is contained in:
commit
087dacbea7
1
.cloudbase/container/debug.json
Normal file
1
.cloudbase/container/debug.json
Normal file
@ -0,0 +1 @@
|
||||
{"containers":[],"config":{}}
|
||||
57
app.js
Normal file
57
app.js
Normal file
@ -0,0 +1,57 @@
|
||||
App({
|
||||
globalData: {
|
||||
userInfo: null,
|
||||
items: []
|
||||
},
|
||||
|
||||
onLaunch: function() {
|
||||
// 获取本地存储的物品数据
|
||||
try {
|
||||
const items = wx.getStorageSync('items') || []
|
||||
this.globalData.items = items
|
||||
} catch (e) {
|
||||
console.error('获取本地存储失败:', e)
|
||||
}
|
||||
|
||||
// 调试信息
|
||||
if (wx.getSystemInfoSync) {
|
||||
const systemInfo = wx.getSystemInfoSync()
|
||||
console.log('系统信息:', systemInfo)
|
||||
}
|
||||
|
||||
// 检查更新
|
||||
if (wx.canIUse('getUpdateManager')) {
|
||||
const updateManager = wx.getUpdateManager()
|
||||
updateManager.onCheckForUpdate(function(res) {
|
||||
if (res.hasUpdate) {
|
||||
updateManager.onUpdateReady(function() {
|
||||
wx.showModal({
|
||||
title: '更新提示',
|
||||
content: '新版本已经准备好,是否重启应用?',
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
updateManager.applyUpdate()
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
updateManager.onUpdateFailed(function() {
|
||||
wx.showModal({
|
||||
title: '更新提示',
|
||||
content: '新版本下载失败,请检查网络设置',
|
||||
showCancel: false
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
onError: function(err) {
|
||||
console.error('小程序发生错误:', err)
|
||||
},
|
||||
|
||||
onUnhandledRejection: function(err) {
|
||||
console.error('未处理的 Promise 错误:', err)
|
||||
}
|
||||
})
|
||||
16
app.json
Normal file
16
app.json
Normal file
@ -0,0 +1,16 @@
|
||||
{
|
||||
"pages": [
|
||||
"pages/index/index",
|
||||
"pages/items/items",
|
||||
"pages/add/add",
|
||||
"pages/detail/detail"
|
||||
],
|
||||
"window": {
|
||||
"backgroundTextStyle": "light",
|
||||
"navigationBarBackgroundColor": "#fff",
|
||||
"navigationBarTitleText": "个人物品管理",
|
||||
"navigationBarTextStyle": "black"
|
||||
},
|
||||
"style": "v2",
|
||||
"sitemapLocation": "sitemap.json"
|
||||
}
|
||||
33
app.wxss
Normal file
33
app.wxss
Normal file
@ -0,0 +1,33 @@
|
||||
page {
|
||||
background-color: #f8f8f8;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
|
||||
Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
background: none;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
5
images/add.svg
Normal file
5
images/add.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="10" y="10" width="60" height="60" rx="8" fill="#2196F3"/>
|
||||
<path d="M40 25V55M25 40H55" stroke="white" stroke-width="6" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 299 B |
6
images/default-avatar.svg
Normal file
6
images/default-avatar.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="64" cy="64" r="64" fill="#F0F0F0"/>
|
||||
<circle cx="64" cy="48" r="24" fill="#CCCCCC"/>
|
||||
<path d="M64 80C42.9086 80 24.6768 92.804 20.0288 110.424C28.0656 120.808 40.1408 128 64 128C87.8592 128 99.9344 120.808 107.971 110.424C103.323 92.804 85.0914 80 64 80Z" fill="#CCCCCC"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 436 B |
7
images/items.svg
Normal file
7
images/items.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="10" y="10" width="60" height="60" rx="8" fill="#4CAF50"/>
|
||||
<rect x="20" y="25" width="40" height="6" rx="2" fill="white"/>
|
||||
<rect x="20" y="37" width="40" height="6" rx="2" fill="white"/>
|
||||
<rect x="20" y="49" width="40" height="6" rx="2" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 409 B |
86
pages/add/add.js
Normal file
86
pages/add/add.js
Normal file
@ -0,0 +1,86 @@
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
data: {
|
||||
name: '',
|
||||
description: '',
|
||||
price: 0,
|
||||
imageUrl: ''
|
||||
},
|
||||
|
||||
onNameInput: function(e) {
|
||||
this.setData({
|
||||
name: e.detail.value
|
||||
})
|
||||
},
|
||||
|
||||
onDescInput: function(e) {
|
||||
this.setData({
|
||||
description: e.detail.value
|
||||
})
|
||||
},
|
||||
|
||||
onPriceInput: function(e) {
|
||||
this.setData({
|
||||
price: e.detail.value
|
||||
})
|
||||
},
|
||||
|
||||
chooseImage: function() {
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ['compressed'],
|
||||
sourceType: ['album', 'camera'],
|
||||
success: (res) => {
|
||||
this.setData({
|
||||
imageUrl: res.tempFilePaths[0]
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
submit: function() {
|
||||
if (!this.data.name) {
|
||||
wx.showToast({
|
||||
title: '请输入物品名称',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
const newItem = {
|
||||
id: Date.now().toString(),
|
||||
name: this.data.name,
|
||||
description: this.data.description,
|
||||
imageUrl: this.data.imageUrl,
|
||||
createTime: new Date().toISOString()
|
||||
}
|
||||
|
||||
// 更新全局数据
|
||||
app.globalData.items.unshift(newItem)
|
||||
wx.setStorageSync('items', app.globalData.items)
|
||||
|
||||
wx.showToast({
|
||||
title: '添加成功',
|
||||
icon: 'success',
|
||||
duration: 2000,
|
||||
success: () => {
|
||||
setTimeout(() => {
|
||||
wx.navigateBack()
|
||||
}, 2000)
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
goBack: function () {
|
||||
wx.navigateBack({
|
||||
delta: 1,
|
||||
success: function(res) {
|
||||
|
||||
},
|
||||
fail: function(err) {
|
||||
console.log(err)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
29
pages/add/add.wxml
Normal file
29
pages/add/add.wxml
Normal file
@ -0,0 +1,29 @@
|
||||
<view class="container">
|
||||
<view class="form-item">
|
||||
<text class="label">物品名称</text>
|
||||
<input type="text" placeholder="请输入物品名称" bindinput="onNameInput" value="{{name}}"/>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<text class="label">物品描述</text>
|
||||
<textarea placeholder="请输入物品描述" bindinput="onDescInput" value="{{description}}"></textarea>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<text class="label">价格</text>
|
||||
<input type="digit" placeholder="请输入价格" bindinput="onPriceInput"/>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<text class="label">物品图片</text>
|
||||
<view class="image-upload" bindtap="chooseImage">
|
||||
<image wx:if="{{imageUrl}}" src="{{imageUrl}}" mode="aspectFill"></image>
|
||||
<view wx:else class="upload-placeholder">
|
||||
<text>点击上传图片</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<button class="submit-btn" type="primary" bindtap="submit">保存</button>
|
||||
<button class="submit-btn" type="primary" bindtap="goBack">取消</button>
|
||||
</view>
|
||||
51
pages/add/add.wxss
Normal file
51
pages/add/add.wxss
Normal file
@ -0,0 +1,51 @@
|
||||
.container {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.label {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
width: 80%;
|
||||
padding: 20rpx;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.image-upload {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
border: 2rpx dashed #ddd;
|
||||
border-radius: 8rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.image-upload image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.upload-placeholder {
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
42
pages/detail/detail.js
Normal file
42
pages/detail/detail.js
Normal file
@ -0,0 +1,42 @@
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
data: {
|
||||
item: null
|
||||
},
|
||||
|
||||
onLoad: function(options) {
|
||||
const id = options.id
|
||||
const item = app.globalData.items.find(item => item.id === id)
|
||||
if (item) {
|
||||
this.setData({ item })
|
||||
}
|
||||
},
|
||||
|
||||
deleteItem: function() {
|
||||
wx.showModal({
|
||||
title: '确认删除',
|
||||
content: '确定要删除这个物品吗?',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
const index = app.globalData.items.findIndex(item => item.id === this.data.item.id)
|
||||
if (index !== -1) {
|
||||
app.globalData.items.splice(index, 1)
|
||||
wx.setStorageSync('items', app.globalData.items)
|
||||
|
||||
wx.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'success',
|
||||
duration: 2000,
|
||||
success: () => {
|
||||
setTimeout(() => {
|
||||
wx.navigateBack()
|
||||
}, 2000)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
24
pages/detail/detail.wxml
Normal file
24
pages/detail/detail.wxml
Normal file
@ -0,0 +1,24 @@
|
||||
<view class="container">
|
||||
<image class="item-image" src="{{item.imageUrl}}" mode="aspectFill"></image>
|
||||
|
||||
<view class="item-info">
|
||||
<view class="info-item">
|
||||
<text class="label">物品名称</text>
|
||||
<text class="value">{{item.name}}</text>
|
||||
</view>
|
||||
|
||||
<view class="info-item">
|
||||
<text class="label">物品描述</text>
|
||||
<text class="value">{{item.description}}</text>
|
||||
</view>
|
||||
|
||||
<view class="info-item">
|
||||
<text class="label">添加时间</text>
|
||||
<text class="value">{{item.createTime}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="action-buttons">
|
||||
<button class="delete-btn" type="warn" bindtap="deleteItem">删除</button>
|
||||
</view>
|
||||
</view>
|
||||
46
pages/detail/detail.wxss
Normal file
46
pages/detail/detail.wxss
Normal file
@ -0,0 +1,46 @@
|
||||
.container {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.item-image {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
border-radius: 12rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.item-info {
|
||||
background: #fff;
|
||||
border-radius: 12rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.info-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
margin-bottom: 10rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.value {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
width: 100%;
|
||||
}
|
||||
63
pages/index/index.js
Normal file
63
pages/index/index.js
Normal file
@ -0,0 +1,63 @@
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
data: {
|
||||
userInfo: null,
|
||||
hasUserInfo: false,
|
||||
canIUseGetUserProfile: false,
|
||||
items: [],
|
||||
todayItems: []
|
||||
},
|
||||
|
||||
onLoad: function() {
|
||||
if (wx.getUserProfile) {
|
||||
this.setData({
|
||||
canIUseGetUserProfile: true
|
||||
})
|
||||
}
|
||||
|
||||
if (app.globalData.userInfo) {
|
||||
this.setData({
|
||||
userInfo: app.globalData.userInfo,
|
||||
hasUserInfo: true
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
onShow: function() {
|
||||
// 更新物品数据
|
||||
const items = app.globalData.items || []
|
||||
const today = new Date().toISOString().split('T')[0]
|
||||
const todayItems = items.filter(item => item.createTime.startsWith(today))
|
||||
|
||||
this.setData({
|
||||
items: items,
|
||||
todayItems: todayItems
|
||||
})
|
||||
},
|
||||
|
||||
getUserProfile() {
|
||||
wx.getUserProfile({
|
||||
desc: '用于完善用户资料',
|
||||
success: (res) => {
|
||||
app.globalData.userInfo = res.userInfo
|
||||
this.setData({
|
||||
userInfo: res.userInfo,
|
||||
hasUserInfo: true
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
navigateToItems: function() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/items/items'
|
||||
})
|
||||
},
|
||||
|
||||
navigateToAdd: function() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/add/add'
|
||||
})
|
||||
}
|
||||
})
|
||||
47
pages/index/index.wxml
Normal file
47
pages/index/index.wxml
Normal file
@ -0,0 +1,47 @@
|
||||
<view class="container">
|
||||
<view class="header">
|
||||
<view class="user-info">
|
||||
<image class="avatar" src="{{userInfo.avatarUrl || '/images/default-avatar.svg'}}" mode="aspectFill"></image>
|
||||
<view class="user-detail">
|
||||
<text class="nickname">{{userInfo.nickName || '未登录'}}</text>
|
||||
<text class="welcome">欢迎使用个人物品管理</text>
|
||||
</view>
|
||||
<button wx:if="{{!hasUserInfo && canIUseGetUserProfile}}" class="login-btn" bindtap="getUserProfile">点击登录</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="stats">
|
||||
<view class="stat-item">
|
||||
<text class="stat-num">{{items.length}}</text>
|
||||
<text class="stat-label">物品总数</text>
|
||||
</view>
|
||||
<view class="stat-item">
|
||||
<text class="stat-num">{{todayItems.length}}</text>
|
||||
<text class="stat-label">今日新增</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="menu-list">
|
||||
<view class="menu-item" bindtap="navigateToItems">
|
||||
<view class="menu-icon">
|
||||
<image src="/images/items.svg" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="menu-text">
|
||||
<text class="menu-title">我的物品</text>
|
||||
<text class="menu-desc">查看所有物品记录</text>
|
||||
</view>
|
||||
<view class="menu-arrow">></view>
|
||||
</view>
|
||||
|
||||
<view class="menu-item" bindtap="navigateToAdd">
|
||||
<view class="menu-icon">
|
||||
<image src="/images/add.svg" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="menu-text">
|
||||
<text class="menu-title">添加物品</text>
|
||||
<text class="menu-desc">记录新的物品</text>
|
||||
</view>
|
||||
<view class="menu-arrow">></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
117
pages/index/index.wxss
Normal file
117
pages/index/index.wxss
Normal file
@ -0,0 +1,117 @@
|
||||
.container {
|
||||
padding: 0;
|
||||
background: #f8f8f8;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: #2196F3;
|
||||
padding: 40rpx 30rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.user-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
border: 4rpx solid rgba(255, 255, 255, 0.3);
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.user-detail {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.nickname {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.welcome {
|
||||
font-size: 28rpx;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.login-btn {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 30rpx;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.stats {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
margin: 20rpx;
|
||||
border-radius: 16rpx;
|
||||
padding: 30rpx;
|
||||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.stat-num {
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #2196F3;
|
||||
display: block;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.menu-list {
|
||||
margin: 20rpx;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
margin-bottom: 20rpx;
|
||||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.menu-icon {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.menu-text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.menu-title {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
display: block;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.menu-desc {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.menu-arrow {
|
||||
color: #999;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
47
pages/items/items.js
Normal file
47
pages/items/items.js
Normal file
@ -0,0 +1,47 @@
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
data: {
|
||||
items: [],
|
||||
filteredItems: [],
|
||||
searchText: ''
|
||||
},
|
||||
|
||||
onLoad: function() {
|
||||
this.setData({
|
||||
items: app.globalData.items,
|
||||
filteredItems: app.globalData.items
|
||||
})
|
||||
},
|
||||
|
||||
onShow: function() {
|
||||
// 每次页面显示时更新数据
|
||||
this.setData({
|
||||
items: app.globalData.items,
|
||||
filteredItems: this.filterItems(app.globalData.items, this.data.searchText)
|
||||
})
|
||||
},
|
||||
|
||||
onSearch: function(e) {
|
||||
const searchText = e.detail.value
|
||||
this.setData({
|
||||
searchText,
|
||||
filteredItems: this.filterItems(this.data.items, searchText)
|
||||
})
|
||||
},
|
||||
|
||||
filterItems: function(items, searchText) {
|
||||
if (!searchText) return items
|
||||
return items.filter(item =>
|
||||
item.name.includes(searchText) ||
|
||||
item.description.includes(searchText)
|
||||
)
|
||||
},
|
||||
|
||||
navigateToDetail: function(e) {
|
||||
const id = e.currentTarget.dataset.id
|
||||
wx.navigateTo({
|
||||
url: `/pages/detail/detail?id=${id}`
|
||||
})
|
||||
}
|
||||
})
|
||||
21
pages/items/items.wxml
Normal file
21
pages/items/items.wxml
Normal file
@ -0,0 +1,21 @@
|
||||
<view class="container">
|
||||
<view class="search-bar">
|
||||
<input type="text" placeholder="搜索物品" bindinput="onSearch" value="{{searchText}}"/>
|
||||
</view>
|
||||
|
||||
<view class="items-list">
|
||||
<block wx:for="{{filteredItems}}" wx:key="id">
|
||||
<view class="item-card" bindtap="navigateToDetail" data-id="{{item.id}}">
|
||||
<image class="item-image" src="{{item.imageUrl}}" mode="aspectFill"></image>
|
||||
<view class="item-info">
|
||||
<text class="item-name">{{item.name}}</text>
|
||||
<text class="item-desc">{{item.description}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
<view class="empty-tip" wx:if="{{filteredItems.length === 0}}">
|
||||
<text>暂无物品记录</text>
|
||||
</view>
|
||||
</view>
|
||||
66
pages/items/items.wxss
Normal file
66
pages/items/items.wxss
Normal file
@ -0,0 +1,66 @@
|
||||
.container {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
padding: 20rpx;
|
||||
background: #f5f5f5;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.search-bar input {
|
||||
background: #fff;
|
||||
padding: 10rpx 20rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.items-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.item-card {
|
||||
display: flex;
|
||||
background: #fff;
|
||||
padding: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.item-image {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.item-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.item-desc {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.empty-tip {
|
||||
text-align: center;
|
||||
padding: 100rpx 0;
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
59
project.config.json
Normal file
59
project.config.json
Normal file
@ -0,0 +1,59 @@
|
||||
{
|
||||
"description": "项目配置文件",
|
||||
"packOptions": {
|
||||
"ignore": [],
|
||||
"include": []
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": false,
|
||||
"es6": true,
|
||||
"enhance": false,
|
||||
"postcss": true,
|
||||
"preloadBackgroundData": false,
|
||||
"minified": true,
|
||||
"newFeature": false,
|
||||
"coverView": true,
|
||||
"nodeModules": false,
|
||||
"autoAudits": false,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"scopeDataCheck": false,
|
||||
"uglifyFileName": false,
|
||||
"checkInvalidKey": true,
|
||||
"checkSiteMap": true,
|
||||
"uploadWithSourceMap": true,
|
||||
"compileHotReLoad": false,
|
||||
"useMultiFrameRuntime": false,
|
||||
"useApiHook": false,
|
||||
"useApiHostProcess": false,
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
},
|
||||
"enableEngineNative": false,
|
||||
"bundle": false,
|
||||
"useIsolateContext": false,
|
||||
"useCompilerModule": true,
|
||||
"userConfirmedUseCompilerModuleSwitch": false,
|
||||
"userConfirmedBundleSwitch": false,
|
||||
"packNpmManually": false,
|
||||
"packNpmRelationList": [],
|
||||
"minifyWXSS": true,
|
||||
"showES6CompileOption": false,
|
||||
"useCompilerPlugins": false,
|
||||
"ignoreUploadUnusedFiles": true,
|
||||
"disableUseStrict": false,
|
||||
"minifyJS": true,
|
||||
"useStaticServer": true,
|
||||
"enableWasm": false
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "2.19.4",
|
||||
"appid": "wx44eba9dbd5555ee9",
|
||||
"projectname": "个人物品管理",
|
||||
"condition": {},
|
||||
"editorSetting": {
|
||||
"tabIndent": "insertSpaces",
|
||||
"tabSize": 2
|
||||
}
|
||||
}
|
||||
20
project.private.config.json
Normal file
20
project.private.config.json
Normal file
@ -0,0 +1,20 @@
|
||||
{
|
||||
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
|
||||
"projectname": "个人物品管理",
|
||||
"miniprogramRoot": "",
|
||||
"setting": {
|
||||
"compileHotReLoad": false,
|
||||
"urlCheck": false,
|
||||
"showShadowRootInWxmlPanel": true,
|
||||
"useStaticServer": true,
|
||||
"showES6CompileOption": false
|
||||
},
|
||||
"debugOptions": {
|
||||
"hidedInDevtools": []
|
||||
},
|
||||
"scripts": {},
|
||||
"staticServerOptions": {
|
||||
"baseURL": "",
|
||||
"servePath": ""
|
||||
}
|
||||
}
|
||||
7
sitemap.json
Normal file
7
sitemap.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
|
||||
"rules": [{
|
||||
"action": "allow",
|
||||
"page": "*"
|
||||
}]
|
||||
}
|
||||
27
utils/debug.js
Normal file
27
utils/debug.js
Normal file
@ -0,0 +1,27 @@
|
||||
const debug = {
|
||||
log: function(...args) {
|
||||
if (wx.getLogManager) {
|
||||
const logManager = wx.getLogManager()
|
||||
logManager.log(...args)
|
||||
}
|
||||
console.log(...args)
|
||||
},
|
||||
|
||||
error: function(...args) {
|
||||
if (wx.getLogManager) {
|
||||
const logManager = wx.getLogManager()
|
||||
logManager.error(...args)
|
||||
}
|
||||
console.error(...args)
|
||||
},
|
||||
|
||||
warn: function(...args) {
|
||||
if (wx.getLogManager) {
|
||||
const logManager = wx.getLogManager()
|
||||
logManager.warn(...args)
|
||||
}
|
||||
console.warn(...args)
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = debug
|
||||
Loading…
Reference in New Issue
Block a user