工作中遇到的问题

简介: 工作中遇到的问题

:class问题:动态替换样式,

语法::class=“判断的条件?‘达到了显示的样式’:‘未达到显示的样式’”


<view @click="gojump()" :class="name?'didi':'changedidi'">发布简历</view>
.didi {          运用了三目运算符 name是否为空,空就是显示样式1,非空样式2
        width: 682rpx;
        height: 104rpx;
        background-color: #036DFD;
        border-radius: 6rpx;
        margin: 0 auto;
        margin-top: 82rpx;
        font-size: 38rpx;
        font-weight: 400;
        line-height: 104rpx;
        color: #FFFFFF;
        text-align: center;
    }
    .changedidi {
        width: 682rpx;
        height: 104rpx;
        background: rgba(219, 219, 219, 0.39);
        border-radius: 6rpx;
        margin: 0 auto;
        margin-top: 82rpx;
        font-size: 38rpx;
        font-weight: 400;
        line-height: 104rpx;
        color: #FFFFFF;
        text-align: center;
    }


选择器取消按钮操作

@close="showadd = false" 选择器中有这个的不用写个方法,可直接在里面变成false

image肩标签里面的medo里面的可选属性

分页查询(分页查询怎么查,页码怎么用)


limit: 0, //页码   现在data里定义一个页码
loadingText: "loading ",  //这个是正在加载的东西
//触底事件
onReachBottom: function(e) {
    if (this.loadingText == "loading ") {
        this.selectOrderLimit()
    }
},
selectNewsLimit(init) {  //这是接口,分页查询的页码怎么用
    if (init) {
        this.limit = 0;
    this.loadingText = 'loading';
    this.newsList = [];
    }
    uni.$u.http.post('/api/token/selectNewsLimit', {
    limit: this.limit * 10, // 分页页数
    type: this.current
    }).then(res => {
    console.log(res)
    if (res.length < 10) {
        this.loadingText = "nomore"
    }
    this.newsList = this.newsList.concat(res);
    this.newsList.forEach(item => {
    if (item.dz == 1) {
        this.dzshow = true
    } else {
        this.dzshow = false
    }
    })
    this.limit++;
    }).catch(err => {
    console.log(err);
    })
},



点赞问题(关于有两个,显示其中一个就不会显示另一个)


//@click中的index是之前循环出来的,v-if中的item也是循环出来dz是接口中查出来的是否点赞
<u-icon name="thumb-up" v-if="item.dz==0" @click="dianzan(index)"></u-icon>
<u-icon name="thumb-up-fill" v-if="item.dz==1" @click="dianzan(index)"></u-icon>
//点赞方法
dianzan(index) {
    console.log(index)
    if (this.newsList[index].dz == 0) {
    this.newsList[index].dz = 1
    this.newsList[index].tsize++;
} else {
    this.newsList[index].dz = 0
    this.newsList[index].tsize--;
}
    uni.$u.http.post('/api/token/insertTags', {
        nid: this.newsList[index].id, // 新闻id
    }).then(res => {
    })
},


定时器

//先在data中定义一个变量
timer:null,
//然后在需要的地方用(onLoad或者是mothods中)
this.timer = setTimeout( ()=>{
    //里面写每隔多久就要执行的东西,或者判断的东西    
},1000); //1000就是yi'miao
相关文章
|
10月前
|
数据采集 分布式计算 DataWorks
准备工作
本文档介绍了阿里云智能推荐服务的使用流程,包括数据准备、行为埋点逻辑核对和数据上传方案。内容涉及不同行业的数据规范,如内容、电商和新闻行业,以及测试数据的获取。数据上传分为启动数据和实时数据两步,提供了全服务端SDK和友盟+服务端SDK等多种上传方案。此外,还介绍了通过历史数据启动实例的方法。建议用户根据自身行业和数据情况选择合适的方案。
71 4
|
IDE JavaScript 定位技术
2021年,工作发生了动荡.....
你能相信在过去的两年里,我们的工作方式发生了动荡吗? 开始的时候很艰难,但现在,2021年的结束就在眼前,我们已经习惯了远程办公、在线办公,并期望市场能赶上新常态。 对远程办公团队(尤其是开发团队)的创新和协作的要求,可能是我们目前可以观察到的行业中最强烈的趋势之一。
2021年,工作发生了动荡.....
|
前端开发
2020.07 G2 工作小结
? 修复的一些问题 修复 interval 下 shape='line' 设置 lineCap: 'round' 样式失效 Tip: 可用于进度条的绘制,相比于市面上现有的前端进度条组件,可以做到大小的自适应。 chart .interval() .position('const*value') .shape('line') .style({
如此之乱的思绪,如何才能专心工作?
      最近的思维特别的乱,乱得乱七八糟的。写一下也许能好一点点。 女朋友(难找哇) 谈恋爱(花钱呀) 见父母(不好过关呀) 买房子(没钱呀) 生小孩(养不起呀) 买奶粉(国内的有毒,国外的太贵) 欧洲弄一个告诉粒子流的对撞,不知道会装出个什么结果。
994 0
|
Web App开发 消息中间件 NoSQL
工作体会(第一次工作)
(有两个月没有来博客园看看了!) 我觉得主要有5个方面来总结的。 在同事的交流上:     刚刚进入这家公司的时候,看见的人不算多。在技术部呢,就我一个女生。当时也比较胆小,不敢主动和同事们说话的。
698 0
|
PHP Shell 应用服务中间件
|
C# 数据库 数据库管理

热门文章

最新文章