微信小程序问题询问,我自学的有很多不清楚的

想知道如何用微信小程序完成图片上的页面布局,也就是如何做.wxml和.wxss。我就是不知道如何刚好把排查时间与单位名称排在哪里,不知道这位置怎么设置的。

img

使用flex布局可以实现。建议你先尝试编写些代码,在发给我们,阅读这个链接:https://blog.csdn.net/qq_42077395/article/details/104920142

利用微信小程序开发工具,使用可视化开发可以像编辑ppt一样直接拖拉图片和文字框,如果你是对于wxml和wxss语言不太熟悉话你可以先去读读微信小程序官方给的教程

引用chatGPT作答,您好,微信小程序的布局可以使用WXML和WXSS两种文件来完成。

首先,您需要在WXML文件中编写您的页面结构,例如添加图片、文本等。接着,在WXSS文件中编写样式来调整页面中元素的位置、大小等属性。下面是一个简单的例子,展示了如何将图片和文本放在同一行并对它们进行对齐:

WXML文件:

<view class="container">
  <image class="logo" src="{{logoUrl}}" />
  <view class="text-container">
    <text class="title">{{title}}</text>
    <text class="subtitle">{{subtitle}}</text>
  </view>
</view>

WXSS文件:

.container {
  display: flex;
  align-items: center;
}

.logo {
  width: 100px;
  height: 100px;
}

.text-container {
  margin-left: 20px;
}

.title {
  font-size: 24px;
  font-weight: bold;
}

.subtitle {
  font-size: 16px;
}

在这个例子中,我们使用了一个容器(view)来包含图片(image)和文本(text)。通过设置.container的display属性为flex,我们可以将它们放在同一行,并使用align-items属性来垂直对齐它们。接下来,我们对logo和文本的样式进行了调整,包括大小、间距、字体大小等