物品全生命周期管理

这个页面的主题是「物品全生命周期管理」，通过时间维度与成本维度的交叉分析，构建一个立体化的资产管理体系。我希望页面顶部有一个卡片可以统计我正在使用的物件有多少件，以及停用的有多少件，同时有一个再有一个总资产计算了收录所有物品的价格总计，最后有一个每天平均使用成本。然后下下面就是以卡片列表的形式展示已经添加的资产，例如买了一个手机添加到这个系统，卡片左边是商品图，然后左边就是名称，价格，日均多少钱，使用状态，最右边计算自购入已经使用多少天。然后页面有个加号，点击即可进入一个收集表单。

首先我们是有一个主页叫asset，然后这个页面展示资产状态，但是我们需要添加新的资产，也就是add- asset页面，这个页面是收集信息让asset的卡片有数据渲染，但是假如我们有个卡片需要删除了呢？所以我们就需要把卡片本身也变成一个可以点击跳转的卡片，点击进去就有展示之前填写的信息，同时可以编辑和删除的功能。编辑和详情页面是可以结合再一起的。

因为成本原因，这个页面使用的都是手机本地的存储功能，没有云服务存储。

asset页面的风格

现代简约风，扁平化。

状态卡片

要实现的功能：显示我的资产，成本总计每天。排序方式，统计资产总数，同时卡片根据使用中和已停用分为两个可以切换的列表。

字段	逻辑
我的资产	所有使用中状态的card的和平均使用成本
成本计算	使用中状态下的卡片纳入统计，每个卡片日均成本的和

资产卡片

参考别的app设计风格

字段	逻辑
图片	需要上传图片（可选）
商品名称	文本类型
价格	数字类型
日均	数字类型，购入价格除以（购入日期减去当前日期的天数）
已使用天数	当前日期减去购入日期
使用状态	分为使用中和已停用，收集表单中填写了停用日期会变成停用状态，否则为使用中：使用中 ()、已停用 ()

此页面还需要有个加号图标，以跳转收集表单参考代码：


 <view class="add-btn" bindtap="navToAdd">  
     <text class="icon-add">+</text>  
   </view>

 /* 添加按钮 */  
 .add-btn {  
   position: fixed;  
   right: 40rpx;  
   bottom: 40rpx;  
   width: 100rpx;  
   height: 100rpx;  
   border-radius: 50%;  
   background: #27ae60;  
   box-shadow: 0 12rpx 24rpx rgba(39, 174, 96, 0.3);  
   transition: all 0.2s;  
   display: flex;  
   align-items: center;  
   justify-content: center;  
 }  
   
 .add-btn:active {  
   transform: scale(0.95);  
   box-shadow: 0 6rpx 12rpx rgba(39, 174, 96, 0.3);  
 }  
   
 .icon-add {  
   color: white;  
   font-size: 48rpx;  
   font-weight: 200;  
   margin-top: -6rpx;  
 }

add- asset页面

这是点击添加按钮后跳转的页面，收集的内容其实就是和卡片展示的内容差不多。有取消按钮推出编辑回到主页，有保存按钮，保存即会保存数据渲染卡片。

字段	逻辑
商品名称	字符串
购入价格	对应卡片的价格，数字类型
购入的日期	不展示在卡片内容
物品的图片	对应卡片的图片
停用日期	非必须，如果填写了进入以停用的列表
卡片样式	可以对每个卡片进行背景色设置，有12个背景色，卡片的主题样式要根据选择的实时修改，而不能写死默认的白底。

asset-detail编辑页面

在asset页面中的卡片，其实应该有单卡片编辑的页面，最上面是卡片，然后是物品的详情，详情内容是填写的内容，有删除的按钮，点击删除按钮会有提示是否删除，确定就会彻底删除。总体上是参考添加的页面

字段	逻辑
商品名称	字符串
购入价格	对应卡片的价格，数字类型
购入的日期	不展示在卡片内容
物品的图片	对应卡片的图片
停用日期	非必须
是否使用状态选择	同步变更使用状态，如果选择了停用需要强制选停用日期