第一个小程序

分手后的思念是犯贱 2022-06-02 03:17 320阅读 0赞

app.json

{
      "pages":[
        "pages/index/index"
      ],
      "window":{
        "navigationBarBackgroundColor": "#b3d4db"
      }
    }

index.wxml

<view class="container">
      <image src="/images/sq.png" class="img1"></image>
      <text class="text1">Hello World</text>
      <view class="v1">
        <text class="v1_text">开启小程序之旅</text>
      </view>
    </view>

index.wxss

page{
      height: 100%;
      background-color: #b3d4db;
    }
    .container{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .img1{
      width: 200rpx;
      height: 200rpx;
      border-radius: 50%;
      margin-top: 200rpx;
    }
    .text1{
      margin-top: 50rpx;
      font-family: MicroSoft Yahei;
      font-size: 42rpx;
      font-weight: bold;
    }
    .v1{
      border: 1px solid #000;
      margin-top: 100rpx;
      border-radius: 5px;
      height: 80rpx;
      line-height: 80rpx;
      text-align: center;
    }
    .v1_text{
      padding: 30rpx 20rpx;
    }

index.js

const app = getApp()
    
    Page({
      
    })

效果图：

![20180102103835041][]

[20180102103835041]: /images/20220602/07fc3d8447c24968a66193b62df38559.png

发表评论取消回复

表情：

评论列表（有 0 条评论，320人围观）

还没有评论，来说两句吧...

相关阅读

相关初学者编译的第一个小程序

\\ 前言我们在往期的文章中讲到 1.JDK的下载 2.配置环境变量 3.数据类型接下来我们就可以开始写小程序啦 \ 第一个程序 \\ 1. 编

水深无声/ 2024年04月06日 12:38/ 0 赞/ 102 阅读

相关【小程序】第一个小程序——创建小程序项目

目录小程序简介第一个小程序安装开发者工具创建小程序项目小程序简介 1. 小程序与普通网页开发的区别 ![17e1b9a120564ed2b1c85

曾经终败给现在/ 2024年03月30日 11:07/ 0 赞/ 91 阅读

相关第一个微信小程序

3.1 打开微信开发者工具 (ps: 第一次打开的时候，需要扫码登录) ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

青旅半醒/ 2023年01月06日 11:42/ 0 赞/ 185 阅读

相关 MyBatis——入门及第一个小程序

MyBatis 简介 MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了go

川长思鸟来/ 2022年12月12日 15:26/ 0 赞/ 211 阅读

相关第一个 Protocol Buffers 小程序

首先从 [Protocol Buffers 的主页][Protocol Buffers]上把源码下回来，注意是源码，那个 Win32 包不必下，它里面只有一个编译好的 prot

蔚落/ 2022年08月07日 07:41/ 0 赞/ 195 阅读

相关 JAVA的第一个小程序

这是java的一个小程序，用来了解java的程序长什么样，参考了疯狂的java讲义。 HelloWord public class HelloWord{

刺骨的言语ヽ痛彻心扉/ 2022年06月11日 23:47/ 0 赞/ 285 阅读

相关第一个Spring小程序

（1）添加5个jar包到类路径下 ![这里写图片描述][SouthEast] （2）在类路径下创建bean 配置文件applicationContext.xml

谁践踏了优雅/ 2022年06月11日 03:06/ 0 赞/ 301 阅读

相关第一个小程序

app.json { "pages":[ "pages/index/index" ], "window":{

分手后的思念是犯贱/ 2022年06月02日 03:17/ 0 赞/ 321 阅读

相关微信小程序开发——第一个小程序

这几个月都在忙着准备考研都不怎么研究代码了，前几天老师安排要做毕业设计的开题报告，所以就稍微兼顾着学习了点微信小程序的开发。昨天看了一会官方给的开发文档就是实例少了点，不过有个

我就是我/ 2022年05月14日 08:36/ 0 赞/ 351 阅读

相关第一个springMVC小程序

1.开发工具介绍 idea的安装破解：[https://www.cnblogs.com/jpfss/p/8872358.html][https_www.cnblogs.c

快来打我*/ 2022年04月18日 03:12/ 0 赞/ 330 阅读