qq_25812807 2022-09-15 19:03 采纳率: 0%
浏览 147
已结题

复制黏贴做了一段微信小程序代码,安卓能达到预期,苹果不行,求指点迷津。

js代码

const app = getApp ()
wx.cloud.init({
    env: 'cloud1-0gouyszi7da729'  //
  })
  const db = wx.cloud.database({
    env: 'cloud1-0gouyszi7da729'  //
  })   
Page({
    
onLoad(){
    db.collection('fenlei').where({}).get({    
        success:res=>{
            var that=this
            that.setData({huancunlist : res.data})
        }
})
},
    data:{
        fenleiliebiaO:'',   
        huancunlist:[],   
    },
    fenleiInput: function (e) {   
        this.setData({
          fenleiliebiaO:e.detail.value  
        })
      },   
    jiarufenleiInput:function(){    
        var that = this   
        db.collection('fenlei').where({fenleilist:that.data.fenleiliebiaO}).get({  
            success(res){     
            if (that.data.fenleiliebiaO.length==0){
                wx.showModal({
                  title:'温馨提示:',
                  content:'插入内容不能为空',
                  showCancel:false
                })
            }
            else if(res.data[0] == null && that.data.fenleiliebiaO!=0 ){  
                        db.collection('fenlei').add({   
                        data:{
                           fenleilist : that.data.fenleiliebiaO, 
                        } 
                        })
                        setTimeout(()=>     
                        {db.collection('fenlei').where({}).get({   
                        success:res=>{       
                        that.setData({huancunlist : res.data})
                                     }
                                 })},5000) 
                        wx.showModal({     
                            title: '温馨提示:',
                            content:'已成功加入新类目',
                            showCancel:false}) 
                 }
            else if (that.data.fenleiliebiaO == res.data[0].fenleilist){ 
                { wx.showModal({  //写入失败提示框
                title: '温馨提示:',
                content:'该条目已存在',
                showCancel:false})}
                       }
}})
},
shanchuleimu:function(e){
    var index = e.currentTarget.dataset.index;  
    console.log("index: "+index)
var db=wx.cloud.database( {
        env: 'cloud1-0gouyszi9'  
    })
db.collection("fenlei").where({fenleilist:this.data.huancunlist[index].fenleilist}).remove()  
wx.showModal({
      title: '温馨提示:',
      content:'已成功删除该条目',
      showCancel:false
    })
setTimeout(()=>   
{ db.collection('fenlei').where({}).get({    
     success:res=>{  
         var that=this
         this.setData({huancunlist : res.data})
         console.log(this.data.huancunlist) 
     }
},5000)
})
}
})
                         

wxml代码


<view class='fenlei_item'>
    <input class='input' bindinput='fenleiInput' name="fenlei" placeholder='请输入新的分类' />
</view>
<button class='jiarufenleiInput' bindgetuserinfo="onGetuserinfo" form-type='jiaruleimu' bindtap="jiarufenleiInput" style="position: relative; left: 237rpx; top: -71rpx">
    插入分类
</button>
<view class='card'>
<scroll-view class='scroll-card1'>
        <view class="card1" wx:for="{{huancunlist}}" wx:for-index="index" wx:key="index" wx:-item="item">
            <button class='tiaomu' size="mini" data-index="{{index}}">
                {index +1}}-->{{item.fenleilist}}
            </button>
    </view>
</scroll-view>
<scroll-view class='scroll-card2'>
        <view class="card2" wx:for="{{huancunlist}}" wx:for-index="index" wx:key="index" wx:-item="item">
            <button class='tiaomu' bindtap="shanchuleimu" size="mini" data-index="{{index}}">
                {index +1}}-->删除类目
            </button>
        </view>
</scroll-view>
</view>


wxss代码

.page{
height100vh;
width100vw;
}
.fenlei_item{
    height5vh;
}
.input{
    border-radius5px;
    width60vw;
    height5vh;
}
.jiarufenleiInput{
    height5vh;
    width38vw;
}
.card{
    display: flex;
    width100%;
    height85vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.scroll-card1{
    display: flex;
    width38vw;
    height85vh;
}
.scroll-card2{
    display: flex;
    width38vw;
    height85vh;
}
.card1{
    display: flex;
    top5vh;
    height5vh;
    width38vw;
}
.card2{
    display: flex;
    top5vh;
    height5vh;
    width38vw;
}
.tiaomu{
    height5vh;
}

目前只关心功能,和为什么苹果安卓运行效果不同。

img


这是安卓机的效果

img


这是苹果的效果。

  • 写回答

4条回答 默认 最新

  • 崽崽的谷雨 2022-09-16 09:17
    关注

    看起来是 数据 并没有渲染出来 。你这个列表是写死的还是 接口请求的

    评论

报告相同问题?

问题事件

  • 系统已结题 9月23日
  • 赞助了问题酬金20元 9月15日
  • 创建了问题 9月15日

悬赏问题

  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图,一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥15 pyqt信号槽连接写法
  • ¥500 把面具戴到人脸上,请大家贡献智慧,别用大模型回答,大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急