別眨眼網

今天我們做一下新建工單的介面，要新建工單首先得在工單頁有一個新建按鈕，我們不使用頭部的按鈕，因為在小程式裡那裡有系統的按鈕，會遮擋。我們選擇在頁面右下角固定一個懸浮按鈕，做好後介面如下

懸浮按鈕和新建工單

基本操作就是：點選右下角的綠色按鈕就彈出建立工單這個頁面。

建立工單頁面可以添文字，可以添圖片。

具體怎麼新建頁面我就不說了，以前說過，這裡我只放關鍵程式碼吧。

懸浮按鈕的程式碼

HTML

<！—— 右下角懸浮的按鈕 ——>+

它的響應函式

newTask：function（e）{ uni。navigateTo（{ url ：“。。/newTask/newTask” }）}

它的CSS樣式

。newTaskBtn{ position： fixed； bottom：130rpx； right：30rpx； width：100rpx； height：100rpx； border-radius： 50rpx； line-height：90rpx； font-size：68rpx； background-color： #4CD964； color：#fff； text-align： center； background-image： linear-gradient（to top left， #0ba360 0%， #3cba92 100%）； box-shadow：3rpx 8rpx 8rpx #c8d8c8； }

然後是“建立工單”頁面的程式碼，為省事，我全部貼上來吧。

上傳圖片的建立工單的邏輯還沒實現，只是介面。邏輯我們在下一篇文章做。