关注
分享
我的星系
我是一个标准的摩羯座女孩，我喜欢沉浸在自己的世界中，享受着自己创造的世界带给我的幸福感。但是我也喜欢将自己融入喧闹的世界中，感受着平凡世界中的点滴欢乐。我只是星系中一粒微不足道的尘埃。
展开
-
微信小程序之文本单行/多行溢出文本省略号代替
在微信小程序中的详情介绍中，一般会用到该功能，刚开始，我给文本加了高,.earing_info{ width:96%; height:20%; margin-top:30rpx; margin-left: 2%; display: -webkit-box; font-size:28rpx; color:#000000; line-height: 40rpx;...原创 2020-01-04 12:18:33 · 1338 阅读 · 0 评论 -
微信小程序之公告字幕滚动（自下而上）
scroll-view实现字幕滚动需求：实现框内的文字自下而上的自动循环滚动。解决方案：demo：https://github.com/yapeee/wx-text-rolling-demo通过控制滑动条来完成字幕滚动，通过setinterval完成字幕循环滚动。wxml:<scroll-view class="container" scroll-y="true...转载 2020-01-04 09:39:44 · 1191 阅读 · 0 评论 -
微信小程序之公告自右往左滑动
在微信小程序中，除了轮播图和广告之外，公告的使用频率也很多，一般都是从右往左移动，今天我就此做了以下的代码记录这是样式，由于不知道怎么弄动态图片，只能这样展示：.wxml<!-- 公告 --> <view class="inform"> <view class="inform-img"> <image src="/...原创 2020-01-04 09:29:54 · 1596 阅读 · 3 评论 -
微信小程序轮播图+自定义高度
重新写一个轮播图，在上次的基础上，添加了衔接滑动的功能，并对上一次写的进行一次完善。如有问题请在评论区描述问题。.wxml 页面<view class="image_swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}"...原创 2020-01-03 11:33:38 · 2850 阅读 · 0 评论 -
微信小程序之轮播图+自定义高度（新手学习）
效果图：.wxml<view>轮播图</view><view class="image_swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" s...原创 2019-12-17 16:43:22 · 1537 阅读 · 0 评论 -
微信小程序之创建顶部tab菜单栏切换（新手学习）
关于顶部菜单tab菜单栏切换，可以有两种写法，但是都是用到swiper这个视图插件。插件介绍可以查看微信小程序开放文档。第一种方式：效果图.wxml<view>tap切换 方法一</view><view class="swiper_tab_view"> <scroll-view scroll-x='true' scroll-le...原创 2019-12-17 16:12:31 · 6573 阅读 · 2 评论