女前端程序员入职第二天----修改bug

今天,是个重要的日子,因为,今天是美丽的星期五,是打工人无比期待的星期五,是万众瞩目,无比辉煌的星期五...同时,今天也是我立志要写文章的第二天,废话不罗嗦。开始:

bug:汇总:看一下今天的bug都是啥

1:按钮缺少下拉箭头 

这个需求他没说明白 我也懒得没问 就用css before属性加上了

代码:

html:

	<view class="pull button" @click="reset">全部</view>

css:

.button::before{
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		left: 66px;
		top:64px;
		border-top: 7px solid white;
		border-bottom: 4px solid transparent;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}

效果图:

2:用u-swiper轮播图片显示不全的问题:

这这这 以前没写过uniapp的小程序 轮播之前写的好多bug 唉 都是自己悟出来的,结果发现其实好简单...

html:

<view class="swiperstyle">
		<u-swiper :list="imgListTwo" mode="number" img-mode="scaleToFill" height="450" indicator-pos="bottomRight"></u-swiper>
	</view>

js:

getServeDetail(id) {
				let _this = this
				let detailDataArr = []
				_this.imgListTwo = []
				let params = {
					partyMassesId: id
				}
				wx.request({
					url: _this.$httpApi.install.cardInfo,
					data: params,
					method: 'GET',
					success: function(res) {
						if (res.data.code == 1) {
							_this.detailData = res.data.result
							if (_this.detailData.partyMassesTel == null) {
								_this.detailData.partyMassesTel = "空"
							}
							//展示图片
							res.data.result.picture.forEach((i) => {
								_this.imgListTwo.push({
									image: i
								})
							})

							_this.detailData.location = JSON.parse(_this.detailData.location);

							_this.longitude = _this.detailData.location.coordinates[0] //经度
							_this.latitude = _this.detailData.location.coordinates[1] //纬度 
							_this.markers[0].longitude = _this.detailData.location.coordinates[0]
							_this.markers[0].latitude = _this.detailData.location.coordinates[1]
							console.log("sadas" + _this.markers.longitude)
							let obj = {
								longitude: _this.longitude,
								latitude: _this.latitude,
								name: _this.detailData.partyMassesName,
								address: _this.detailData.partyMassesAddress

							}
							detailDataArr.push(obj);
							_this.navigationList = detailDataArr
							console.log("导航list", JSON.stringify(_this.navigationList))

						}

					}

				})
			},

其实没完全显示就是没设置高度height的原因 噢还加了个img-mode缩放属性 然后就好喽!

挑着写俩 别的也没啥了

周五喽  还有半个小时下班!!!!!

收工!

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赵笑笑爱张杰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值