项目进度-04

项目进度-03 （2020.11.16~12.06）

项目整体进度：

上周我们增加了商品罗列，商品分类，修改图像，商品详情信息功能。这周我们创建了主要以商品发布、商品修改以及商品删除、商品购买等功能，并且增加了几个云函数。

一、商品发布

我们通过代码实现了商品的发布，以下代码实现了输入你要发布的商品名称和介绍，如下图所示：

以上效果由下面这些代码实现：

<view class='input'> 
 <input type='text' bindinput="nameInput" value="{
    {name}}" placeholder='请输入商品名称'>
 </input>
 </view>
 <view class='input'> 
  <textarea bindinput="introInput" value="{
    {introduction}}" placeholder='请输入详情介绍'>
  </textarea></view>

以下代码把商品的名称和介绍绑定到name和introduction中。

nameInput(e){

    this.setData({

      name:e.detail.value,

    })

  },

 

  introInput(e){

    this.setData({

      introduction:e.detail.value,

    })

  },
  

这是发布商品的图片的地方：

以下是上传图片过后显示的效果：

还会提示长按删除和下拉刷新显示图片的功能，效果如下：

<view class='input_img'>

  <text class="upon_img" wx:if="{
    {picArr.length>0}}">长按可删除图片</text>

  <view class='input_img'>

    <image class='icon' bindlongpress="deletePic" data-id="{
    {index}}" wx:for="{
    {picArr}}" wx:key="index" src="{
    {item}}"></image>

    <image class='icon' src='cloud://second-hand-0gjofxhh03933ca3.7365-second-hand-0gjofxhh03933ca3-1304149429/add_image.png' bindtap='clickBtn'></image>