用uniapp做一个通讯录，包含可运行代码及运行方法

当然可以！下面是一个使用UniApp开发的单通讯录示例，包含可运行的代码和运行方法。

代码如下：

<template>
 view class="container">
    <view class="title">通讯录</view>
    <view class="contact-list">
      <view class="contact-item" v-for="(contact, index) in contacts" :key="index">
        <view class="contact-info">
          <view class="contact-name">{{ contact.name }}</view>
          <view class="contact-phone">{{ contact.phone }}</view>
        </view>
        <button class="contact-delete" @click="deleteContact(index)">删除</button>
      </view>
    </view>
    <button class="add-contact" @click="addContact">添加联系人</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      contacts: [
        { name: '张三', phone: '13888888888' },
        { name: '李四', phone: '13999999999' },
        { name: '王五', phone: '13666666666' },
      ],
    };
  },
  methods: {
    addContact() {
      uni.navigateTo({
        url: '/pages/addContact/addContact',
      });
    },
    deleteContact(index) {
      this.contacts.splice(index, 1);
    },
  },
};
</script>

<style scoped>
.container {
  padding: 20rpx;
}

.title {
  font-size: 32rpx;
  text-align: center;
}

.contact-list {
  margin-top: 20rpx;
}

.contact-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10rpx;
}

.contact-info {
  flex: 1;
}

.contact-name {
  font-size: 28rpx;
  margin-bottom: 6rpx;
}

.contact-phone {
  font-size: 24rpx;
  color: #999999;
}

.contact-delete {
  font-size: 24rpx;
  color: #ff0000;
}
.add-contact {
  margin-top: 20rpx;
  width: 100%;
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  font-size: 28rpx;
  background-color: #007aff;
  color: #ffffff;
}
</style>

这是一个简单的通讯录应用，包含展示联系人列表、添加联系人和删除联系人的功能。

要运行这个示例，你需要按照以下步骤操作：

1. 确保你已经安装了 UniApp 开发环境，包括 HBuilderX 编辑器和相关的开发工具。
2. 创建一个新的 UniApp 项目，选择适合你的模板。
3. 在项目中新建一个名为 `contactList.vue` 的文件，并将上述代码复制到该文件中。
4. 运行你的 UniApp 项目，可以使用 HBuilderX 提供的模拟器或者在真机上进行调试。

这样，你就可以在模拟器或者真机上看到一个简单的通讯录应用了。你可以点击 "添加联系人" 按钮来添加新的联系人，点击联系人右侧的 "删除" 按钮来删除联系人。

希望这个示例对你有帮助！如果有任何问题，请随时提问。