- 开发支持使用node net模块吗?
开发支持使用node net模块吗?
01-03 - 使用wx.for 渲染了6个按钮,点击其中一个按钮后,其他5个按钮消失,但是只有第一个按钮显示动画?
使用animation动画效果 wxml <view class="container"> <view class="page-body"> <view class="page-section"> <view class="animation-element-wrapper"> <view class="animation-element" animation="{{animation2}}"></view> </view> <view class="animation-buttons" scroll-y="true"> <button wx:for="{{buttons}}" wx:key="ids" data-item="item" data-index="{{index}}" animation="{{animation2[index]}}" class="animation-button" bindtap="jianyin">渐隐</button> </view> </view> </view> </view> js Page({ data: { animation2: [{},{},{},{},{},{}], buttons: [ {text:'Button 1',ids:0,selected:true}, {text:'Button 2',ids:1,selected:true}, {text:'Button 3',ids:2,selected:false}, {text:'Button 4',ids:3,selected:true}, {text:'Button 5',ids:4,selected:true}, {text:'Button 6',ids:5,selected:false}, ] }, jianyin: function (e) { var index2 = e.currentTarget.dataset.index // 获取点击的按钮索引 console.log(index2) const A = wx.createAnimation({ duration: 500, // 动画持续时间(单位:毫秒) timingFunction: 'ease', // 定义动画的效果曲线 }); // 渐隐效果 A.opacity(0).step(); let animation2 = this.data.animation2 let newArray = animation2.map((mu,index) => { if (index !== index2) { return A.export(); } else { return mu; } }) console.log(newArray) this.setData({ animation2:newArray}); console.log (this.data.animation2) }, }) css .animation-element-wrapper { display: flex; width: 100%; padding-top: 150rpx; padding-bottom: 150rpx; justify-content: center; overflow: hidden; background-color: #ffffff; } .animation-element { width: 200rpx; height: 200rpx; background-color: #1AAD19; } .animation-buttons { padding: 30rpx 50rpx 10rpx; width: 100%; height: 700rpx; box-sizing: border-box; } .animation-button { float: left; line-height: 2; width: 300rpx; margin: 15rpx 12rpx; } .animation-button-reset { width: 620rpx; } 控制台: [图片]
2023-11-04 - wxs实现 多个item点击变色 并且保持之前的不变,但是没有反应/?
wxml: <wxs module="utility"> var da = function (array,index) { if(array.indexOf(index)>-1) { return 'red'; }else { return 'green'; } } module.exports = {da:da} </wxs> <view class='main' wx:for="{{objectArray}}" > <view class="{{utility.da(salaryState,index)}}" bindtap='switch' wx:key="{{index}}" data-index="{{index}}">{{item}}</view> </view> js Page({ data: { objectArray: ["按钮1", "按钮2", "按钮3"], salaryState: [] }, switch: function (e) { var classify = e.currentTarget.dataset.index; let array = this.data.salaryState; let index = array.indexOf(classify); // 检查数组中是否存在这个数 console.log(index) if (index !== -1) { // 如果找到了这个数 array.splice(index, 1); // 删除这个数 } else { // 如果没找到这个数 array.push(classify); // 添加这个数 } console.log(this.data.salaryState) }, }) css .main { width: 100%; padding: 20px 20px 20px 20px; display: flex; } /* 选中样式 */ .green { background: rgb(25, 253, 4); } .red{ background: rgb(247, 2, 35); }
2023-10-25 - 我想获取checkbox选取的值,然后比较大小,求大佬帮助/?
Page({ data: { items: [ { name: '1', value: '美国' }, { name: '2', value: '中国' }, { name: '3', value: '巴西' }, { name: '4', value: '日本' }, { name: '5', value: '英国' }, { name: '6', value: '法国' }, ] }, checkboxChange: function (e) { console.log(e.detail.value) let max = Math.max(e.detail.value); //let min = Math.min(Array(sbid)); console.log(`最大数是:${max}`); //console.log(`最小数是:${min}`); } }) <checkbox-group bindchange="checkboxChange"> <block wx:for="{{options}}" wx:key="id"> <checkbox value="{{item.id}}" checked="{{item.checked}}">{{item.name}}</checkbox> </block> </checkbox-group> 出现以下问题: [图片]
2023-10-20