# uniapp-uView2-template

**Repository Path**: ZJW91/uniapp-uview2-template

## Basic Information

- **Project Name**: uniapp-uView2-template
- **Description**: uniapp+uview2基础模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2023-04-10
- **Last Updated**: 2023-10-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: uni-app, 小程序, 基础框架

## README

# 介绍

## 项目内容

> uni-app 小程序基础框架

## 技术要点

> uni-app 框架，uview2 组件库，统一管理图片资源

## 运行/启动

> 使用 hbuildx 编辑器运行不同模式

## 使用教程

```bash
1、components组件说明：

    asyncData: false, //等待接口返回完毕再加载条形码
    opations: {
        width: 3,
        height: 48,
        textMargin: 4,
        fontSize: 20,
        fontColor: '#000',
        lineColor: '#000',
        background: 'transparent',
        margin: 0,
        marginBottom: 3,
    },


2、getuserinfo为新版微信授权获取头像和昵称，
其中getuserinof.vue为getuserinfochild.vue父组件，
如果需要点击按钮弹出授权框，直接引用getuserinfochild组件即可。

getBarcode(openid){
    var that = this
    let params = {
        openId: openid,
        status:2,
        nickname:'',
        headUrl: ''
    }
    this.$api.getBarcode(params).then(res => {
        let result = res.data.data;
        that.barcodeshow = true;
        that.$set(that.opations, "text", result.couponCode); //赋值code
    })
    .catch(err => {
        this.$u.toast(err);
    });
},


3、接口已封装，使用方法如：

getOpenid() {
    var that = this;
    this.$api.openid().then(res=>{
        let openid = res;
        console.log(openid);
        that.getBarcode(openid)
    }).catch(err=>{
        this.$u.toast(err);
    })
},

```

## 项目截图

![](./static/images/screenshots/screenshot_1.png)

## 问题

1.发现一个问题，在图片集中管理功能，组件引用图片时候以下方式失效，但是在vue2的项目可以，不知道是不是uni-app的bug？
<image :src="$img.swiper1"></image>