好奇怪,如果不用z-index是否有其他解决方案呢
relative定位后被遮挡使用z-index为什么无效?定位后被遮挡,我解决方案是用z-index,但是发现还是被遮挡,求助各位师傅。[图片] wxml: <view class="container"> <view class="page-body"> <swiper class="body-pic" indicator-dots="true" autoplay="ture" interval="2000"> <swiper-item> <image src='/images/bg7.jpg'></image></swiper-item> <swiper-item> <image src='/images/bg2.jpg'></image></swiper-item> <swiper-item> <image src='/images/bg3.jpg'></image></swiper-item> </swiper> </view> <view class='notice-wrap' hidden='{{hideNotice}}'> <view class='tongzhitext'> <text class="tongzhi-text">{{notice}}</text> </view> <text bindtap='switchNotice' class="closeView">x</text> </view> </view> wxss: .container { height: 100%; display: flex; flex-direction: column; padding: 0; box-sizing: border-box; } .page-body{ width: 100%; } .body-pic{ width: 100%; height: 250px; } .body-pic image{ width: 100%; height: 250px; } /* 公告 */ @keyframes remindMessage { 0% { -webkit-transform: translateX(90%); } 100% { -webkit-transform: translateX(-180%); } } .tongzhitext { margin-right:80rpx; margin-left: 10rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index:1; } .tongzhi-text { font-size: 28rpx; animation: remindMessage 14s linear infinite; width: 100%; color: #d09868; display: block; position: relative; top: -55px; z-index:9999; } .notice-wrap { background: #ffebda; width: 100%; height: 60rpx; line-height: 60rpx; color: #d09868; font-size: 28rpx; z-index:1; } .closeView { width: 45rpx; height: 45rpx; line-height: 45rpx; position: absolute; right: 20rpx; top: 5rpx; text-align: center; font-size: 35rpx; position: absolute; left:95%; top:245px; z-index:999; }
2020-04-23解决了!十分感谢师傅们
当调用接口返回多组数据时如何保存使用?[图片]返回类似这些数据,我只知道一个res.data.words能获取数据,这里该怎么保存下来再使用呢?[图片][图片],思路有一些,不会写代码,求指教
2020-04-23自己顶一下
用了picker导致我排版很乱,请教下各位师傅这个wxss应该怎么弄?错误的位置:[图片] 如果给"错误时间"的wxss加上了float:right;就会导致下面全部乱掉,如图:[图片] 仔细写了注释,属实小白一只,请教下各位师傅,谢谢。 <view class="container"> <!-- banner --> <image class="errorbg" src="/images/bg4.jpg"></image> <view class="login-from"> <!--时间--> <view class="inputView"> <image class="timeImage" src="/images/时间.png"></image> <label class="inputLab">错误时间:</label> <picker mode="date" value="{{date}}" start="2020-03-01" end="2025-09-01" bindchange="bindDateChange"> <input class="inputTextDate" placeholder="点击选择日期" maxlength='10' value="{{date}}" /> </picker> </view> <!--路线--> <view class="inputView"> <image class="routeImage" src="/images/路线.png"></image> <label class="inputLab">跑步路线:</label> <input class="inputText" placeholder="例如:ABABA" maxlength='10' bindinput="routeInput" /> </view> <!--手机号--> <view class="inputView"> <image class="phoneImage" src="/images/手机.png"></image> <label class="inputLab">手机号码:</label> <input class="inputText" placeholder="例如:18966404151" maxlength='11' bindinput="phoneInput" /> </view> <!--备注--> <view class="inputView"> <image class="remakesImage" src="/images/备注.png"></image> <label class="inputLab">备注信息:</label> <input class="inputText" placeholder="此项选填" maxlength='20' bindinput="remakesInput" /> </view> <!--按钮--> <view class="submitBtnView"> <button class="submitBtn" type="primary" bindtap="submit">上报</button> </view> </view> </view> /* pages/submit/submit.wxss */ .container { height: 100%; display: flex; flex-direction: column; padding: 0; box-sizing: border-box; } /* banner */ .errorbg{ height: 120px; } /*表单内容*/ .login-from { margin-top: 1px; flex: auto; height:100%; } .inputView { /* background-color: #fff; */ margin-top: 20px; line-height: 50px; border-radius:30px; border:1px solid #999999; } /*输入框前小图片*/ .timeImage, .routeImage,.phoneImage,.remakesImage { margin-left: 22px; width: 18px; height: 16px } .inputLab { margin: 15px 15px 15px 10px; color: #545454; font-size: 14px } .inputTextDate{ color: #cccccc; flex: block; float: right; margin-right: 10px; font-size: 13px } .inputText { float: right; text-align: left; margin-right: 10px; margin-top: 15px; color: #cccccc; font-size: 13px } /*按钮*/ .submitBtnView { width: 100%; height: auto; /* background-color:#DCDCDC; */ margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } .submitBtn { width: 90%; margin-top: 20px; border-radius:10px; }
2020-03-30[图片]打印了一下res
向自己接口上传数据时,遇到了showToast报错如何解决?Uncaught (in promise) thirdScriptError {"errMsg":"showToast:fail parameter error: parameter.title should be String instead of Undefined;"} Object [图片]报错内容如上,我把源码贴出来了,困恼一下午了,求助下各位师傅。 // pages/submit/submit.js Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.setData({ overId : wx.getStorageSync('overId'), overPw : wx.getStorageSync('overPw') }) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { }, // 获取报错时间 timeInput: function (e) { this.setData({ time: e.detail.value }) }, // 获取报错路线 routeInput: function (e) { this.setData({ route: e.detail.value }) }, // 获取报错手机号 phoneInput: function (e) { this.setData({ phone: e.detail.value }) }, // 获取报错备注 remakesInput: function (e) { this.setData({ remakes: e.detail.value }) }, //提交处理 submit: function (e) { var that = this; if (this.data.time.length == 0 || this.data.route.length == 0 || this.data.phone.length == 0) { wx.showToast({ title: '上报内容不能为空', icon: 'none', duration: 2000 }) } else{ wx.request({ url: 'https://www.camrun.today/uperror', method: 'post', data: { "key": "ou89wud9893rwosjhfhsejfhou89wud9893rwEOCPosjhfhsejfhjsufuhRJDEeifdwhgifwiojor3r230jsufuheifdwhgifwiojor3r230fhou89wud9893rwEOCPo", "stu_id": that.data.overId, "password": that.data.overPw, "time":that.data.time, "route":that.data.route, "phone":that.data.phone, "remakes":that.data.remakes }, header: { 'content-type': 'application/json' // 默认值 }, success: function (res){ if (res.data.state == "OK") { wx.showToast({ title: res.data.words, icon: 'none', duration: 2000 })} else{ wx.showToast({ title: res.data.words, icon: 'none', duration: 2000 }) } } }) }} })
2020-03-29解决了,修改请求头为[代码] application/json[代码]
调用自己的接口,提交的时候json格式应该怎么写?调用接口的时候会进行验证,所以要上传json格式的一些数据,试了好多次,百般无奈来求助,谢谢各位师傅。 利用第三方工具正常调用:[图片] 小程序代码:[图片],因为格式不对,所以一直返回验证失败,data里的格式是写错了吗?如果加了引号,就成了字符串。是不是要转义啊?小程序小白一只,感谢各位师傅。
2020-03-29