? uniapp environment construction There are two tools needed to develop uniapp: 1. Platform and address used: Several platforms and addresses you need to know: (1) WeChat public platform https://mp.weixin.qq.com/ (2) WeChat development documentation https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html (3) uniapp development documentation https://uniapp.dcloud.net.cn/ 2. HbuilderX (development tool) The official website address is: https://www.dcloud.io/ download link https://www.dcloud.io/hbuilderx.html Select the […]
Tag: uniapp
uniapp custom navigation bar
Customized navigation bar Modify pages.json Set navigateionStyle to custom in pages.json New systemInfo.js systemInfo.js is used to obtain the model system information of the current device and place it in the common directory. /** * This js file manages model system information about the current device */ const systemInfo = function() {<!– –> /****************** System […]
vue uniapp index list select city component
<view class=”citysIndex” v-if=”update”> <scroll-view :scroll-into-view=”scrollTop” scroll-y=”true” style=”height: 100%;”> <view class=”citysHead”> <view class=”citysTitle”> <label>Location city</label> <label>{<!– –>{cityData.name}}</label> </view> <!– Popular cities –> <view class=”citysHot”> <view class=”citysTitle”> <label>Popular cities</label> </view> <view class=”citysHot-list”> <a v-for=”(v,i) in hotCitys”> <label :class=”[q.checked?’checkedBtn’:”]” v-for=”(q,w) in v” :key=’q.cityId’ @click=”checkCity(q.cityId,q.baiduCityCode,q.city,q.provinceId,q.province)”>{<!– –>{q.city}}</label> </a> </view> </view> </view> <view class=”citysList”> <view class=”citysTitle”> <label>All cities</label> </view> <view class=”citysIndexList”> […]
uniappSMS verification code input box
The requirement is that the SMS verification code requires a grid input box, as shown in the picture I found a case online and changed it. Just upload the code. Structure <template> <view class=”verify-code”> <!– Input box –> <input id=”input” :value=”code” class=”input” :focus=”isFocus” :type=”inputType” :maxlength=”itemSize” @input=”onInput” @focus=”inputFocus” @blur=”inputBlur” /> <!– Cursor –> <view id=”cursor” v-if=”cursorVisible […]
uniapp–Click to upload images to oss and save the data to the back-end interface
The project uses uniapp and uview2.0 component libraries –You can also refer to 1.0, it’s pretty much the same 1. Project requirements and style diagram Click to upload n pictures to oss, then click to submit to the backend 2. Idea 1. Open the upload button, and upload pictures and submit buttons will appear in […]
uniapp pull-up loading
{ 5 “path”: “pages/domain/manage”, “style”: { “navigationBarTitleText”: “Field Management”, “enablePullDownRefresh”: false } <template> <view> <scroll-view scroll-x class=”bg-white nav” scroll-with-animation :scroll-left=”scrollLeft” > <view class=”cu-item” :class=”index == TabCur ? ‘text-green cur’ : ”” v-for=”(item, index) in tabsList” :key=”index” @tap=”tabSelect” :data-id=”index” > {<!– –>{ item.name }} </view> </scroll-view> <view class=”flex px-4 py-2 bg-white” style=”z-index: 999″> <u-search shape=”round” placeholder=”field […]
Uniapp senseless refresh token implementation process
The road is long and long, and the front-end road is gradually confused. After a long time, I finally remembered that I still have a small blog. I have been working on uniapp recently. It is true that I am disgusted, but at least I can use it. I recently implemented a A more common […]
Mobile terminal (uniapp) bottom navigation bar switching
Background When the project was first conceived, two different roles were divided into different projects to provide access to the development goals of the platform. During the actual development process, we were told that the business side only provided one entrance, so we could only use the existing two project codes. Merge, the premise is […]
uniapp classification scroll-view
Rendering: This is mainly solved using anchor points and through the scroll-into-view attribute. Upper code: html <template> <view class=”box”> <scroll-view class=”scroll” scroll-y> <view v-for=”(item, index) in p_arr” :key=”item” @click=”scroll(index)” :style=”{ ‘background-color’: active == index ? ‘aquamarine’ : ‘pink’ }”> {<!– –>{item.className}} </view> </scroll-view> <scroll-view class=”content” scroll-y :scroll-into-view=”intoindex” scroll-with-animation> <view class=”contentView” v-for=”(item, index) in p_arr” :key=”item” […]