wy313622821的博客

【代码】uniapp——签到。

可以看到返回的值正是{name:wang}，说明在外网调用接口成功。第四步 、配置云函数URL化。第三步、上传到云服务。

使用免费的uicloud云服务（增删改查）

uni-admin从创建到部署，到外网可以访问

本篇使用uniCloud来部署我们开发好的web网站，完全免费，不需要自己重新出钱购买服务器，好用快捷，并且访问响应快速

根据不同的值显示使用不同的css，效果图如下：<template> <view class="container"> <view class="view2" data-tab="0">内容二</view> <view class="view2" data-tab="1">内容二</view> <view class="view2" :data-tab="value">内容二</view&g

watch监听watchData值，如果有变化则运行cancel方法代码如下：<template> <view class="container"> <view class="" @click="confirm"> <image mode="widthFix" src="https://images.weserv.nl/?url=https://wx1.sinaimg.cn/mw2000/006Z6VeYly8fl0aq020y..

1、显示不了网络图片有一些网络的图片在PC段能正常显示，但是在手机上显示不了的问题，解决办法：直接在原图链接前拼接https://images.weserv.nl/?url=例如：<image mode="widthFix" src="https://images.weserv.nl/?url=https://wx1.sinaimg.cn/mw2000/006Z6VeYly8fl0aq020yjj30ku0ktdha.jpg" @error="imageError"></

如果自己有改动，拉不来代码，可以这样操作：（注意：这样操作会把自己本地的代码全部更改到跟分支一样的代码）1、先备份自己现在的代码（最好记得自己改了哪些文件，备份一下）2、右键项目-->easy_git-->查看日志log3、在日志中找到最新的那个代码分支，右键--》选择将master重置到这次提交然后就可以拉代码和推送代码到服务器上了。...

首先需要下载rxjs文件下载地址1、两个异步合并（都返回了值才往下运行） clickChange() { console.log("按下",this.title) const observer = { next : item => console.log("==>"+item[0])//这里是一个数组，对应zip第一个参数返回的值 } var oa=zip(this.observable1(),this.observ

前端布局发展史：初代table布局 CSS+div布局 Flex布局（移动端较友好） grid布局（2020年）Flex布局：实例1用flex布局制作导航栏flex:1表示下面的综合： flex-grow : 1; // 这意味着div将以与窗口大小相同的比例增长 flex-shrink : 1; // 这意味着div将以与窗口大小相同的比例缩小 flex-basis : 0; // 这意味着div没有这样的起始值，并且将根据可用的屏幕大小占用屏幕。例如： -.

在显示页面的时候加10代码如下：<template> <view class="content"> <view class="text-area"> <text class="title">{{func.getNum(10)}}</text> </view> </view></template><script module='func' lang="wxs"> mo

文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言我们在开web开发的时候，经常会使用到element或者uview-ui，本篇文章主要讲解如何在uniapp中接入element。下面来看看使用element的el-radio组件的效果图一、引入element首先鼠标在项目中右键--使用命令窗口打开所在目录，输入：D:\wangyao\HBuilderX\plugins\npm\npm instal...

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数..

1、 旋转动画代码：<view class="view_circle"></view>.view_circle { margin: 50upx; width: 200upx; height: 200upx; border-radius: 50%; /* inset 表示内阴影 */ /* box-shadow: 0 3px 150upx #62d0d6 inset; */ box-shadow: -10px 0px 50upx #7ce2c0,

好看的球型，可以用作背景第一种效果图：<view class="sphere"></view>.sphere { position: relative; width: 150px; height: 150px; background: #3bf8fb; border-radius: 50%; box-shadow: inset 26px -37px 38px 42px rgba(5, 142, 144, 0.5)

thorui加入自己的理解以及修改。效果图：代码：<template> <view class="maps-container"> <view class="search-bar"> <view class="search-bar-form"> <!-- 第一个显示的输入框 --> <view class="search-bar-label" v-show="!inputShowed" @tap="show

好看的单选项功能代码：<template> <view> <block v-for="(item,index) in price_array"> <view class="chose-txt" :class="[id==index?'select':'unselect']" @click="choseItem(index)" > <text class="chose-p">{{item.name}}</text&gt

点击图片放大预览效果图：<template> <view class="content"> <image class="logo" src="/static/logo.png" @click="clickImg"></image> </view></template><script> export default { data() { return { title: 'Hello',

1、滚动消息、使用uniapp默认图标icon全部代码为：<template> <view class="container"> <view class="view_container1"> <view class="tui-subject"> <image class="icon-title" src="../../static/icon1.png"></image> <text style=

网络请求的封装根据thorUI开源框架给出的代码进行封装，还有如果需要token来请求的话，需要自己去获取token，然后写到代码：const tui = { delayed: null, //接口地址 interfaceUrl: function() { return 'https://www.thorui.cn' }, /** * 请求数据处理 * @param string url 请求地址 * @param string method 请求方式: GET or POS

scroll-view卡片横向滚动效果图：代码<template> <view class="scroll_box"> <scroll-view class="sc_contain" scroll-x="true"> <view class="view_sc_1"> <view class="card1" style="background-color: #ffede6;"> <view class=

1、操作成功返回首页界面如下：代码：<template> <view class="view_contain"> <view class="view_iconText"> <icon type="success" size="100" color="#39b54a" /> <text class="text_title">操作成功</text> <text class="text_content"&

一、轮播图（官方）先吐槽一下，官方的轮播图，没有自动播放的功能。1、导入组件uni-swiper-dot代码2、全部代码<template> <uni-swiper-dot :info="info" :current="current" :mode="mode" :dots-styles="dotsStyles" field="content"> <swiper class="swiper-box" @change="change"> <sw

简介：使用colorUI实现如下的效果：1、导入colorUI一、下载colorUI源码解压，复制根目录的 /colorui 文件夹到你的根目录二、App.vue 引入关键Css main.css icon.css<style> @import "colorui/main.css"; @import "colorui/icon.css"; @import "app.css"; /* 你的项目css */ ....</style>三、p

1、三目运算a、正常的三目运算符a=='1’表达式：为真就返回‘2’，为假就返回‘5’a=='1' ? '2' : '5'b、在class中使用三目运算符<view :class="[a=='1' ? 'blue' : 'green']">三目运算符</view>2、视图层接入函数当我们在视图层使用三目运算都不能满足要求的时候，我们就必须要采用接入函数，返回更多的值，比如：当状态是1，返回颜色#111；当状态是2，返回颜色#222；当状态是3，返回颜色#333&l

使用thorUI的组件（教程）这里以thorUI控件中的顶部提示消息来做演示教程先看效果图：项目结构：如何部署接入thorUI：1、把tui-tips.vue复制到components2、在pages.json中加入如下代码："easycom": { "autoscan": true, "custom": { "tui-(.*)": "@/components/thorui/tui-$1/tui-$1.vue" } },加了后的代码3、index.vue的代码为

1、新闻列表模式效果图：代码<template> <uni-list> <!-- title、note设置标题和小文字 --> <uni-list-item direction="row" v-for="item in info" :key="item.id" :title="item.title" :note="item.user_name + ' '+item.last_modify_date"> <!-- 通过v-slot:

顶部导航栏（分段器）效果图：segmented-control代码<template> <view> <!-- style-type="'button'"中有 text和button两种风格 --> <view class="uni-padding-wrap "> <uni-segmented-control :current="currentItem" :values="items" :style-type="'text'"

图片下加文字卡片阴影

1、漂亮的按钮a、圆角按钮template<button class="button-yuanjiao" hover-class="bg-click">圆角按钮</button>style.button-yuanjiao { width: 200rpx; height: 50rpx; display: flex; margin-top: 30rpx; line-height: 50rpx; justify-content: center; b

简介本文是基于Dcloud底部选项卡模版进行小改动，然后加入自己的理解。效果图：项目结构：如果不想要加号的页面，可以把tabbar-3改成跟tabbar-1一样就好。tabbar-1.vue的代码为：<template> <view class="content"> 页面 - 1 </view></template><script>export default { data() { return { ti