
今天给大家分享一款微信小程序,可以改动你的壁纸,它的特点在于:既可以保留你喜欢的壁纸,同时又能让手机桌面保持简洁,不仅实用,颜值还高。
这款小程序里提供了“渐变”和“磨砂”两款壁纸处理效果,选择任意一个消帆,点击“立即制作”,就可以进入 *** 作。
我们先以“渐变效果”为例。
进入 *** 作界面,点击“选择主图”,从你的手机相册中挑选一张壁纸上传。
传图的时候可以勾选“原图”,保障图片的清晰度。
传图后,拖动图片,将所要显示的部分移动到框框里。
确定后,返回主界面,即可预览效果。
系统会识别你的图片色调,并将下方的渐变色与之搭配。如果你觉得不满意,可以点击“选择颜色”,切换成不同的配色效果。
确定效果后,点击“保存”按钮,将做好的壁纸保存到手机。
做好的成品图和原图,上机效果对比如下图所示。
这样换上后,桌面瞬间就变干净了,APP也清楚可见了。
接下来,我们看看“磨砂效果”,制作方法基本一样,制作后的上机拿岩雹效果如下。
这两款效果的区别在于:
“渐变效果”是截取部分壁纸,其余部分用纯色代替;
“磨砂效果”则是保留部分壁纸清晰,其余部分模糊化。
两款效果各有特色,都保留了原壁纸的元素,同时避免了壁纸画面繁杂而导致的桌面混乱,特别适合喜欢桌面干净简洁的小伙伴。
如果感兴趣,不妨自己动手,给自己喜欢的壁纸做做小改动,美化你的手机桌面!
可以通过在 uni-table 组件上绑定 v-for 来实现不同行的颜色变化。步骤如下:
1.定义 data 属性,其中 colorArr 存放的是颜色字段:
data () {
return {
list: [],
colorArr: ['#f00', '#0f0', '#00f', '#fff']
}
},
2.在 uni-table 组件上绑定 v-for
<uni-table-column v-for="(item, index) in row.list"
:key="index"
:type="item.type"
:label="item.label"
:width="item.width"
:align="桐陵item.align"
:show-overflow-tooltip="item.showOverflowTooltip"
:class="['cell-type-'+item.type, {'bg-light': row.type=='指轮薯light'}]"
:style="{backgroundColor: colorArr[index]}"
>
{{ item.value }}
</uni-table-column>
上述代码在 uni-table 组件上绑定 v-for 来循环 list,在 uni-table-column 标签上传递行索引index 即可动态改变单元格的背景颜色。另外,也唯者可以给 uni-table-column 标签设置其他的样式。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)