content
我需要一个"押金缴纳"页面, 展示押金的商品信息,提供缴纳按钮
每一项都使用卡片进行布局, 卡片之间有间距, 展示布局如下:
1 设备信息: 展示设备信息, 说明情况,
- 设备图片, 展示设备的图片,只要一张, 圆角
- 设备名称: 展示设备的名称叫什么
- 图文内容: html格式内容, 使用 v-html 来实现, 这里是介绍押金是如何返还的
2 押金缴纳: 固定在视图底部的按钮, 不受到滚动影响 , 需要凸显出来
- 按钮文字: "缴纳缴纳" + 押金金额
数据内容如下
```
{
"productId": 0, // 设备主键
"name": null, // 设备名称
"currentPrice": 0, // 设备价格
"image": null, // 设备主图
"content": null, // 内容介绍, html格式
}
```
颜色: 主题颜色以橘红色和橙色为主, 蓝色,绿色为辅, 颜色需要高亮色，鲜艳.
设备: 我的应用是手机移动端的, 不用考虑响应式布局
样式: style 请使用 lang="scss", 相关的节点的样式请使用 scss 中的层级嵌套,以便查阅.
代码: 需要提供 uni-app 的 vue2 代码, 我的程序需要兼容微信小程序, 请使用uni-app 的节点, view,text,image 等节点,
图标: 我下载了 fontawesome-free-6.4.0-web 图标库, 请使用其中的图标. 我将里面的所有图标都放在了 /static/icons目录下,请按照此路径引用, 这些图标都是svg格式的.