VantUI+Vue移動端H5實作仿微信朋友圈功能

相關技術棧：

# yarn add vue-photo-preview

# npm i vue-photo-preview

1、 圖檔預覽切換

vue-photo-preview

2、滑動（vant-ui）

van-swipe  (輪播控制滑塊大小)

3、關鍵點：

1. 擷取對應組的圖檔位址數組
2. 根據圖檔個數展示不同的布局 （100%，49%，32%   三目運算）沒有圖檔不顯示
3. 圖檔預覽切換對應的圖集（:preview="index"）圖集下的标題 :preview-text="item.content"
4. 滑動右側超出（ .van-swipe的width設定110%）
5. 數組切割split報錯，添加 '’

4、viewc層：

 5、methods（資料處理）

6、data傳回

7、效果圖：