精品丝袜久久,国产91久久婷婷一区二区,你懂的亚洲视频,中文字幕亚洲无线码a
全國
網站首頁
SEO優化
SEM廣告投放
品牌口碑建設
新媒體營銷
自媒體營銷
小紅書
抖音
知乎
微信
媒體傳播
新聞稿發布
大V自媒體發布
問答營銷
百科優化
網站建設
小程序建設
輿情管理
公司簡介
聯系我們
服務案例
快消品
家居零售
企業服務
廚電行業
教育行業
汽車行業
裝修行業
美妝護膚
18221295083
網站首頁
SEO優化
SEM廣告投放
品牌口碑建設
新媒體營銷
自媒體營銷
小紅書
抖音
知乎
微信
媒體傳播
新聞稿發布
大V自媒體發布
問答營銷
百科優化
網站建設
小程序建設
輿情管理
公司簡介
聯系我們
服務案例
新聞資訊
君君新聞
行業資訊
品牌營銷
問答營銷
內容營銷
輿情公關
營銷百科
視頻營銷
新媒體營銷
立即獲取方案
行業資訊
首頁
>
新聞資訊
>
行業資訊
> 微信小程序:制作星星評價代碼分享
微信小程序:制作星星評價代碼分享
2025-05-15 10:27:29 來源: 閱讀:
不管是商城、O2O等類型的小程序都需要用到評價,而星星評價是最常用的類型,
君君營銷
今天分享平時在項目制作中如何實現星星評價。
上圖是評價后的結果,主要分為三項評價,平均得出綜合評價,那么就需要用戶選擇三項星星評價,如下圖
實現的要點是如何通過點擊星星自動實現評價效果,如點擊第三顆星星就自動變成3星。
WXML代碼如下
服務態度得分view>
view>
view>
view>
view>
view>
view>
view>
服務質量得分view>
view>
view>
view>
view>
view>
view>
view>
服務效率得分view>
view>
view>
view>
view>
view>
view>
view>
textarea>
view>
確定提交button>
view>
form>
view>
view>
WXSS代碼如下:
.container {
background: #f0f0f0;
}
.comment_box{
width:100%;
}
.comment_item{
width:100%;
padding:0 20rpx;
height:100rpx;
line-height:100rpx;
display:flex;
flex-direction:row;
justify-content:space-between;
box-sizing:border-box;
border-bottom:1px dotted #eee;
background-color:#fff;
}
.comment_item_t{
font-size:32rpx;
height:100rpx;
line-height:100rpx;
color: #333333;
}
.comment_item_star{
display:flex;
flex-direction:row;
}
.comment_item_star .star{
z-index: 1;
width:80rpx;
height:100rpx;
background-image: url("亮色星星圖片");
background-size:20px 19px;
background-position:center center;
background-repeat:no-repeat;
}
.comment_item_star .star_gray{
background-image: url("灰色星星圖片");
}
.comment_text textarea{
width:100%;
height:256rpx;
font-size:32rpx;
line-height:64rpx;
color: #333333;
background: #fff;
padding:20rpx;
box-sizing:border-box;
}
.btn button{
width: 670rpx;
height: 90rpx;
line-height:90rpx;
background: #ffda44;
border-radius: 45rpx;
font-size: 32rpx;
margin: 40rpx 40rpx 60rpx 40rpx;
color: #333;
}
JS代碼如下
var util = require('../../utils/util.js')
var app = getApp()//獲取應用實例
Page({
data: {
star_1: 0,
star_2: 0,
star_3: 0,
order_id:0
},
onLoad:function(e) {
var that = this
var order_id = e.order_id
that.setData({
order_id:order_id
})
},
change_star:function(e) {
var that = this
var star_item = e.currentTarget.dataset.item
var star = e.currentTarget.dataset.star
if (star_item == 'star_1') {
that.setData({
star_1: star
});
}else if(star_item == 'star_2') {
that.setData({
star_2: star
});
} else if (star_item == 'star_3') {
that.setData({
star_3: star
});
}
},
add_comment:function(e) {
var that = this
var star_1 = that.data.star_1
var star_2 = that.data.star_2
var star_3 = that.data.star_3
var detail = e.detail.value.detail
if(star_1 == 0) {
util.showNotice("請針對服務態度打分!")
} else if (star_2 == 0) {
util.showNotice("請針對服務質量打分!")
} else if (star_3 == 0) {
util.showNotice("請針對服務效率打分!")
} else if (detail == "") {
util.showNotice("請填寫評價內容!")
} else {
var order_id = that.data.order_id
var session3rd = wx.getStorageSync('session3rd')
var post_data = {
"session3rd": session3rd,
"order_id": order_id,
"star_1": star_1,
"star_2": star_2,
"star_3": star_3,
"detail": detail,
"ctype": 1
}
var url_comment = util.getApiUrl(app, "/Comment/add", "")
util._post_from(url_comment, post_data, function (res) {
console.log('評價俠客返回')
console.log(res)
if (res.data.code = '200') {
wx.showModal({
content: '提交評論成功',
showCancel:false,
success:function(val) {
app.globalData.is_need_update_post_info = true
wx.navigateBack()
}
})
} else {
util.showNotice(res.data.msg)
}
})
}
}
})
以上基本就實現了星星評價效果。
本文《微信小程序:制作星星評價代碼分享》發布于君君營銷文章,作者:admin,如若轉載,請注明出處:/news/hyzx/84492.html,否則禁止轉載,謝謝配合!
上一篇:
東莞家裝微信小程序開發
下一篇:
玩轉微信小程序,助力企業推廣宣傳
推薦文章
提高百度SEO排名的10大技巧和策略
什么是搜索引擎優化?企業按照什么思維去做效果會更好呢?
香港虛擬主機和美國虛擬主機的異同
選擇免費虛擬主機要謹慎
國外虛擬主機租用的優勢和特點是什么
如何使用虛擬主機?使用虛擬主機有什么方法?
中國國內域名注冊及相關問題的較新解答
域名注冊-企業注冊域名需要注意哪些問題?
企業怎么申請域名?自己注冊域名方法
企業域名該如何選擇 域名注冊注意問題
熱門標簽
查看更多
SEO
網站
雕塑
小紅
優化
書爆
百度
提高
新聞
網絡
負面
輿情
款速
評分
頁面
排名
整站
提升
流量
網頁
推廣
KOC
款攻
剪刀
詞優
關鍵
屏蔽
如何
滾動
設計
小紅書seo
抖音seo
官網seo
抖音優化
產品與服務
SEO優化
SEM廣告投放
品牌口碑建設
新媒體營銷
媒體傳播
網站建設
小程序建設
輿情管理
公司簡介
服務案例
新聞資訊
君君新聞
行業資訊
品牌營銷
問答營銷
內容營銷
輿情公關
營銷百科
視頻營銷
新媒體營銷
聯系我們
18221295083
上海市浦東新區航頭鎮滬南公路4583號
上海市青浦區蟠龍路899號
18221295083
zhanglongfu@ijunjun.com
聯系我們
關于我們
二維碼
官方微信
小程序
全國
切換分站
版權所有:上海君君信息技術有限公司, 聯系地址:上海市浦東新區航頭鎮滬南公路4583號 備案信息:
滬ICP備2024070557號-4
sitemap.xml
返回
頂部
咨詢
掃描微信二維碼,添加好友
電話
24小時電話:
18221295083
微信
官方微信
主站蜘蛛池模板:
玛纳斯县
|
搜索
|
凭祥市
|
弥勒县
|
江口县
|
察隅县
|
禹城市
|
绵竹市
|
屯留县
|
徐州市
|
板桥市
|
霍山县
|
碌曲县
|
股票
|
曲松县
|
广水市
|
桐柏县
|
休宁县
|
马公市
|
临沭县
|
嘉义县
|
祁阳县
|
东乡
|
峨眉山市
|
福清市
|
金阳县
|
西贡区
|
香港
|
龙井市
|
忻城县
|
图片
|
舒城县
|
调兵山市
|
天峻县
|
原平市
|
乌拉特后旗
|
平邑县
|
永泰县
|
新巴尔虎左旗
|
额尔古纳市
|
岳普湖县
|