第一个小程序

分手后的思念是犯贱 2022-06-02 03:17 305阅读 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 条评论，305人围观）

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

相关阅读

相关第一章第一个程序

http://blog.csdn.net/superdahuangfeng/article/details/50445474 1. 为什么引导扇区要以0x55aa

ゝ一世哀愁。/ 2024年02月18日 18:37/ 0 赞/ 19 阅读

相关第一个微信小程序

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

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

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

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

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

相关第一个 Protocol Buffers 小程序

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

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

相关 JAVA的第一个小程序

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

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

相关第一个Spring小程序

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

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

相关第一个小程序

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

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

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

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

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

相关第一个springMVC小程序

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

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

相关第一个程序

编写汇编源程序 assume cs:codesg codesg segment mov ax,0123h mov bx,0456h add ax,...

朱雀/ 2021年05月03日 14:57/ 0 赞/ 772 阅读